css bootstrap?

[petercalvert]

I have a bootstrap project with a search field in the navigation.

I want to re-size the height of the form field in the navbar. I’ve tried changing the font size but that doesn’t work? It changes the size of the button when I change the size of the font through and inline style, but nothing I’ve tried changes the size of the input field?…can anyone help?

I am just using the base ‘bootstrap.min.css’ for the css and trying to adapt it – without much fun! :(

code for search field that I’m using:

<ul class=”nav navbar-nav navbar-left”>
<li class=”search” style=”padding-top:3px;”>
<form id=”search” method=”get” action=”/search”>

<input type=”text” name=”search” placeholder=”Search item” class=”form-control” />

<button class=”btn btn-default” style=”font-size:14px;” type=”submit”>Search </button>

</form>

[Paulie_D]

Inspect it with Developer Tools in your broswer.

<input type=”text” name=”search” placeholder=”Search item” class=”form-control” />

You should be targeting the above based on

I want to re-size the height of the form field in the navbar.

bit without seeing it in action it’s hard to be more specific.

[Author]

Posts