CODEWITHSUNDEEP
csswordpresstwitter-bootstrap-3
Kyle L.
Kyle L.

Reputation: 634

Make search bar in bootstrap navbar flush with borders of navbar

I'm building a bootstrap WP theme and am at the stage of just building the static html. I've tried googling, but since it's hard to describe I've not had any luck. To simplify things, instead of telling you what I'm trying to do, I'll show you via very bad photoshop mockups and hopefully we can do some good together :).

I'm using the navbar snippet from http://getbootstrap.com/components/#navbar

At the moment, it looks like this:

I want it to look like this:

ive tried playing with the paddings and the margins but am coming up blank. Any help is appreciated :).

Upvotes: 0

Views: 117

Answers (1)

Johny Santiago
Johny Santiago

Reputation: 99

.navbar-form{
margin-top:0px;
margin-bottom:0px;  
}
.navbar-form input{
min-height:50px;
border-radius:0;
}
.navbar-form button{
min-height:50px;
border-radius:0;
background:green;
color:white;    
}

Upvotes: 1

Related Questions