Understanding Bootstrap’s Grid System

Bootstrap is a framework for building a website. It’s very easy to use: simply download the Bootstrap files to your server, then add a Bootstrap template. There are instructions on how to do this in our Setting Up Bootstrap article. This will give you a basic site. However, what really makes Bootstrap impressive is its […]

Read More

How to Make Bootstrap Nav Bars Drop-down on Hover

Making Bootstrap Nav Bars Drop-down on Hover Bootstrap navigation bars drop-down on click by default. However, if you want to change this to drop-down on hover, the process is simple. To make the drop-down appear on hover, simply add the following code to your Bootstrap site’s CSS file: .dropdown:hover .dropdown-menu{ display:block; } Factoring in Small […]

Read More

How to Change Bootstrap Button Styling

Because of its framework, Bootstrap’s buttons are already styled when they’re added to the site. However, if you want to create your own custom button style, you can do that in Bootstrap’s CSS file. Note: If you haven’t yet installed Bootstrap on your server, see our Setting Up Bootstrap on Your Server article. Step 1: […]

Read More

How to Customize Your Bootstrap Form

Bootstrap gives you all the tools to easily customize your forms. With Bootstrap, you can add new form “controls,” like checkboxes or text areas, with an already established styling. This article will show you the basic ways to customize your form and the code needed to include each control. Topics: Setting Up Spacing Form-Group Class […]

Read More

Types of Bootstrap Forms

Bootstrap has templates for many basic website components, such as forms. You can use these templates as a springboard into creating a custom form. Bootstrap also supplies preformatted form elements that you can easily swap in or out of your form. We’ll go over the basics here. To see all of the available form templates […]

Read More

Setting Up Bootstrap on Your Server

This tutorial will take you through setting up Bootstrap on your server. Bootstrap is a free, front-end framework for designing websites and web applications. It’s very popular for website design because of its many easily added components and responsiveness. Keep in mind that this tutorial goes over just one of multiple types of Bootstrap installations. […]

Read More