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

-2 votes178 views2 answers
$bodyBg: #030018; $purple: #292477; $green: #13693B; $magenta: #AD2266; $blue: #1a28b3; html { box-sizing: border-box; font-size: 100%; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0;
Html
-1 vote185 views1 answer
Whats app chat link for html
Html
4 votes175 views1 answer
How to change the height of an image in html
Html
19 votes176 views4 answers
Google material icons
Html
1 vote196 views2 answers
How to link a local css file in html
Html
35 votes141 views1 answer
Html img width
Html
5 votes183 views4 answers
Html highlight text
Html
3 votes257 views2 answers
Mobile prevent zoom
Html
0 vote190 views1 answer
Selectize add properties to item from html
Html
0 vote180 views1 answer
How to change text place in html
Html