Bootstrap 4 Header: Free Template with Menu and Search Box

Published on: Jan 05 2019 by Anli

Bootstrap 4 Header: Free Template with Menu and Search Box

Today’s free web design resource is a Header template made with Bootstrap 4 (version 4.2.1). It is very simple and comes with a logo section, navbar menu, search box, fullscreen background image and more. It also changes the transparency as the user scrolls the page up and down.

You can use it for inspiration or as a starting point to create your next website project, since the template comes with some other example sections, apart from the header.

Take a look below to find the live demo and download links. I hope you like it!

The Header Template

Here is a preview image of the template:

Bootstrap Header Template Preview

You might also like:

Bootstrap 4 Footer Templates with Logo, Menu and more
How To Quickly Create a Beautiful Navbar Menu in Bootstrap 4

How To Use It?

Download the zip package below and extract it.

Use the “index.html” file to modify the HTML code. The style can be changed from the “style.css” file in the “css” folder (assets/css).

In the template I have also used some JavaScript (jQuery) for the fullscreen background, the search form and the animations. You can find this code in the “scripts.js” file (assets/js).

The images are located in the “img” folder (assets/img). The favicon and the Apple touch icons are in the “ico” folder (assets/ico).

Demo, Download and License


DOWNLOAD: Bootstrap Header Template (3491 downloads )


You can use this template in personal and commercial projects, but you can’t sell or distribute it directly, “as is”. If you plan to use it, a link to this page or any form of spreading the word will be much appreciated.

Leave a Reply

To learn how we use your data when you comment, read our Privacy Policy here.