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

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>

Bootstrap 4 Search Box

<div class="input-group mb-3">
  <input type="text" class="form-control" placeholder="Search" aria-label="Search" aria-describedby="basic-addon2">
  <div class="input-group-append">
    <span class="input-group-text" id="basic-addon2">Search/span>
  </div>
</div>

-1

Source: getbootstrap.com

Similar codes

0 vote199 views2 answers
Reactive forms radio button
Html
1 vote188 views1 answer
Html first line indent
Html
5 votes209 views4 answers
Html highlight text
Html
0 vote160 views1 answer
Tailwind search bar
Html
18 votes187 views1 answer
Add css to an html file
Html
18 votes197 views5 answers
Title tag html
Html
59 votes237 views4 answers
Bootstrap buttons Sizes
Html
1 vote185 views1 answer
How to make a div responsive in css
Html
3 votes170 views2 answers
Html. strong
Html
1 vote169 views1 answer
Do not close dialog box when click outside bootstrap modal
Html