Bootstrap nav search form

<nav class="navbar navbar-light bg-light">
  <form class="form-inline">
    <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
  </form>
</nav>

Source: getbootstrap.com

Search bar bootstrap

<div class="input-group">
	<input id="search-input" type="search" class="form-control" placeholder="Search anything...">  
  	<button id="search-button" type="button" class="btn btn-primary">
    <i class="fa fa-search"></i>
  	</button>
</div>

Similar codes

1 vote255 views1 answer
Page dans un nouvelle onglet html
Html
6 votes254 views1 answer
Radio button required
Html
0 vote273 views1 answer
Html gif not showing
Html
27 votes271 views6 answers
How to center align text in html
Html
0 vote256 views1 answer
Svg marker
Html
0 vote264 views1 answer
Laravel 5: Mostrar HTML con Blade
Html
0 vote263 views1 answer
How to spread links from not right next to each other html
Html
0 vote260 views1 answer
If the screen size is then link a css file html
Html
0 vote256 views1 answer
Vuejs v-model array
Html
40 votes250 views6 answers
Flutter Build
Html