Bootstrap 3 tutorials

  • Bootstrap 3 Popover with Image

    Popovers are different from tooltips because they can contain more text. And a popover is a better choice if you want to display content like images. This tutorial will show  how to create a Bootstrap 3 popover with image.

    But we’ll also look into other options and some things that might trip you up.

    read more

  • How to customize a Bootstrap 3 theme

    A Bootstrap 3 theme is mobile-first and of course responsive. The components and jQuery plugins available in Bootstrap 3 allow you to quickly create a modern website.

    In this tutorial you will learn how to customize a Bootstrap 3 theme. To achieve this we’ll use Bootstrap Magic.

    read more

  • Bootstrap 3 Grid System

    In one of the previous posts I discussed the new Bootstrap features. A very important one is the Bootstrap 3 Grid System.

    With the new Grid system you can now create web designs that really target small sized screens and scale up beautifully on larger sized screens.

    read more

  • Bootstrap 3 Tooltips

    A tooltip is a small “box” with information that will be displayed when you hover over an item on a web page. A tooltip is only meant for a small amount of textual information. If you want to use a “hover box” that can display more text and images a popover would be better.

    If you have looked at the explanation in the Bootstrap 3 Tooltips section on their website and aren’t sure you understood all of it then this tutorial aims to clarify those issues. Tooltips appear simple by the look of them but you wouldn’t be the first to have questions about how to insert and style them. 

    read more

  • Bootstrap 3 jQuery plugins

    One of the important distinguishing features of Bootstrap is that is has several often use jQuery plugins. These are described on the page with the heading ‘JavaScript’.

    If – like me – you have no programming experience this page can be really confusing. It uses several probably unfamiliar terms such as ‘Options’, ‘Methods’, ‘Events’, ‘Data attributes’ and the ‘API’ to ‘explain’ how to use it.

    This tutorial serves as an intro to jQuery and the Bootstrap 3 jQuery plugins.

    read more