Search bar bootstrap

Bootstrap 4 search bar

<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>

Source: getbootstrap.com

Box search bootstrap

<div class="input-group">
  <div class="form-outline">
    <input id="search-input" type="search" id="form1" class="form-control" />
    <label class="form-label" for="form1">Search</label>
  </div>
  <button id="search-button" type="button" class="btn btn-primary">
    <i class="fas fa-search"></i>
  </button>
</div>

Source: mdbootstrap.com

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

0 vote219 views1 answer
Add output buffering to cagefs
Html
0 vote226 views1 answer
MQ is not defined,
Html
8 votes237 views10 answers
Hi
Html
63 votes205 views1 answer
Open link in new tab grepper
Html
11 votes226 views6 answers
Bootstrap table small
Html
22 votes242 views3 answers
Basic html boilerplate
Html
0 vote208 views1 answer
<pre>; html tag that preserves spacing
Html
40 votes221 views6 answers
Flutter Build
Html
0 vote218 views1 answer
How to make a still background image in html
Html
1 vote228 views1 answer
How to add color to a titlehtml
Html