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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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