Bootstrap 3 tutorials

  • Bootstrap 3 Affix

    Creating a Bootstrap Affix can be a challenging task. This tutorial will help you get it working.

    The Bootstrap 3 Affix is a navigation affix-ed (= attached) to the content on the same web page. The affix will reflect which part of the content the user is reading/looking at. But the affix can also be used to jump to a certain section in the content.

    read more

  • Bootstrap 3 Toggable Tabs and Pills

    In this tutorial I will show you how to create a working Toggable Tab and how – with small modifications – its markup can be changed into variations like Toggable Pills, Vertical Toggable Tabs, etc..

    read more

  • Bootstrap 3 Scrollspy

    The Bootstrap 3 Scrollspy is probably one of the most frustrating jQuery plugins to implement. When you google for ‘Bootstrap Scrollspy’ a lot of the search results report something like “Scrollspy not working”.

    In this tutorial I’ll show you how you can get it working correctly.

    read more

  • Easy upgrade from Bootstrap 2 to 3

    As we’ve seen in a previous tutorial Bootstrap 3 is a major overhaul compared to Bootstrap 2. So how do you upgrade your old Bootstrap 2 web pages to Bootstrap 3?

    Fortunately there’s an online upgrade tool to do this for you.

    read more

  • Bootstrap 3 Modals

    The Bootstrap 3 modals are described on the website as “streamlined, but flexible, dialog prompts”. A basic modal is a large box that’s displayed when someone triggers it (usually with a button), provides information and then asks to make a choice.
    Although in my opinion the information on the Bootstrap website has improved with the launch of version 3 there are still things that can easily lead to confusion. I hope this tutorial will clarify those issues.

    read more