Bootstrap includes a handy plugin and component for cycling through slider images like a carousel. Sliders can be a great way to feature important content on your website.
In the following tutorial, we’ll show you exactly how you can add a carousel to your Bootstrap 3 website. It simply requires some HTML markup and a couple lines of JavaScript if you want to adjust the settings using that method. (more…)
If you take a look at the source code of some of your favourite websites, we wouldn’t be surprised if you found common elements of the Bootstrap framework being put to use. As Bootstrap is arguably the most popular front-end framework for web development, many designers and developers employ the framework for rapid responsive development.
But why do some of these sites look nothing like the default Bootstrap theme? Quite simply, additional CSS stylesheets were added or the default Bootstrap stylesheets were modified (let’s disregard LESS or SASS for the sake of this tutorial).
In this short tutorial, we’ll show you how to do this in a manner that is clean, easy to maintain, and allows you to update to future versions of Bootstrap without breaking your custom styles (providing that the update is minor). (more…)
If you’re not using a UI kit for your web designs and themes, it may be time to consider it.
Put simply, UI kits can save you time and money while drastically improving the look and feel of your design. Not only will you be able to differentiate yourself from the default Bootstrap styling, you can change the overall styling of your theme much more efficiently.
In the sixth installment of our Bootstrap 3 tutorial, we cover the Bootstrap grid system and how the responsive design works. (more…)
In this installment of our Bootstrap tutorial, we show you how to install Font Awesome and add social icons to your website’s footer.
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. The font was designed from scratch to be fully compatible with Bootstrap 3.0.0. (more…)
In the second installment of our Bootstrap 3 tutorial, we build a responsive navbar with dropdown menus. On smaller mobile devices and tablets, the navbar collapses appropriately for optimal viewing. (more…)
