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

226 votes297 views6 answers
Bootstrap import
Html
0 vote230 views2 answers
Input change angular event
Html
2 votes236 views2 answers
Positioning button inside div
Html
0 vote282 views1 answer
Uncaught TypeError: Cannot read property 'value' of null at HTMLButtonElement.<anonymous>
Html
0 vote218 views1 answer
How to put two forms in a single line in html
Html
0 vote227 views1 answer
Convert html datetime-local to java LocalDateTime
Html
0 vote232 views1 answer
Display html table only on screen larger than md
Html
12 votes254 views3 answers
How to make images load as you scroll down
Html
33 votes212 views10 answers
Chat
Html
0 vote256 views1 answer
How to change progress tag bar color in html
Html