Collection of free Bootstrap search bar, box and form code examples. Update of September 2020 collection. 16 new items.

Related Articles

  1. CSS Search Boxes
  2. jQuery Search Boxes
Demo image: Bootstrap 5 Ecommerce Navbar with Search Inputs

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 Ecommerce Navbar with Search Inputs

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: boxicons.css

Bootstrap version: 5.0.0

Demo image: Bootstrap 5 Advance Search

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 Advance Search

Bootstrap 5 advance search with two inputs.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: boxicons.css

Bootstrap version: 5.0.0

Demo image: Bootstrap 5 Search Bar

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 Search Bar

Bootstrap 5 search bar with microphone icon inside.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

Demo image: Bootstrap 5 List with Search Inputs

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 List with Search Inputs

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

Demo image: Bootstrap 5 Task List with Search

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 Task List with Search

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

Demo image: Bootstrap 5 Search Box

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 Search Box

Bootstrap 5 search box input with icons inside.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

Demo image: Bootstrap 4 Search Input Box

Author

  • Ask SNB

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Search Input Box

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.3.1

Demo image: Bootstrap 5 Search Form

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 Search Form

Bootstrap 5 property advanced search form with collapse.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

Demo image: Bootstrap 5 Navbar with Search

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 Navbar with Search

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 5.0.0

Demo image: Bootstrap 5 Need Help Support Template with Search

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 5 Search

Bootstrap 5 need help support template with search.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 5.0.0

Demo image: Bootstrap General Search Results

Author

  • Dey Dey

Links

Made with

  • HTML / CSS

About a code

Bootstrap General Search Results

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.4.1

Demo image: Bootstrap 4 Online Work Finder

Author

  • Kabir Bhatia

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Online Work Finder

Bootstrap 4 online work finder with search bar and pricing.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.4.1

Demo image: Bootstrap 4 Simple Responsive Search Input Group

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Simple Responsive Search Input Group

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.1.1

Demo image: Bootstrap 4 Search Box on Header

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Search Box on Header

Bootstrap 4 search box on header with image in background.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.3.1

Demo image: Bootstrap 4 Search Box

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Search Box

Bootstrap 4 search box for domain names.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.1.1

Demo image: Bootstrap 4 Google Type Search Box Inputgroup

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Google Type Search Box Inputgroup

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.1.1

Demo image: Bootstrap 4 Awesome Search Bar

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Awesome Search Bar

Bootstrap 4 awesome search bar with hover button using HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.1.1

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS / JS

About a code

Bootstrap 4 Algolia Instant Search

Bootstrap 4 Algolia instant search location autocomplete input.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 4.3.1

Demo image: Bootstrap 4 Search Box for Domain Names Registrar

Author

  • BBBootstrap Team

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Search Box

Bootstrap 4 search box for domain names registrar.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.1.1

Demo image: Bootstrap 4 Search Results With Users

Author

  • Dey Dey

Links

Made with

  • HTML / CSS

About a code

Bootstrap 4 Search Results With Users

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 4.3.1

Demo image: Bootstrap Search Bar

Author

  • Ondrej

Links

Made with

  • HTML / CSS

About a code

Bootstrap Search Bar

Collection of Bootstrap 4 search bar variants.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.3.1

Author

  • Arshad Khan

Links

Made with

  • HTML / CSS / JS

About a code

Wikipedia Viewer

This app displays the result for the keyword you are searching for using mediawiki api from wikipedia. It also has a button that redirects you to a random wiki topic.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Bootstrap version: 3.3.6

Demo image: Filter Search Result Page

Author

  • Dey Dey

Links

Made with

  • HTML / CSS

About a code

Filter Search Result Page

Bootstrap filter search result page.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 3.3.6

Demo image: Bootstrap Searchbar

Author

  • Ace Subido

Links

Made with

  • HTML (Haml) / CSS (Sass)

About a code

Bootstrap Searchbar

Short SASS/HAML snippet in creating a simple searchbar.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Bootstrap version: 3.2.0

Demo image: Bootstrap Search Bar

Author

  • Dey Dey

Links

Made with

  • HTML / CSS

About a code

Bootstrap Search Bar

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Bootstrap version: 4.1.1