A Bootstrap basic page template
Let's look at this in small chunks. But first, if you like, you can download a zip file of the entire basic page template. Also, you'll need...
View ArticleAdding a responsive, Bootstrap, image carousel to your site
Adding a Bootstrap slider to your site is basically a four-step process. Step 1 - Prep the page to accept the slider. The carousel itself...
View ArticleHiding and showing Bootstrap page elements depending on the size of the...
We can use Bootstrap classes on an element to hide or show elements depending on what break-point size the user's screen is at. NOTE: elements...
View ArticleUsing Bootstrap Glyphicons
You can get a list of all the Glyphicons and their classes at the Bootstrap site. To place a Glyphicon on your site, you use the following...
View ArticleAdding a responsive, Bootstrap, image carousel that fades instead of slides
Follow the instructions I recently posted on adding a responsive, Bootstrap, image carousel to your site. In Step 1, you will need to change the...
View ArticleSimple Bootstrap accordion where an icon switches based on whether the...
First, we need our accordion and it's content: <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title">...
View ArticleA centered or full-width Bootstrap jumbotron
A jumbotron is simply a large display area that usually sits at the top of a website's home page just below the main menu (although...
View Article
