In this tutorial we will focus on popovers with Bootstrap. We will cover: how to turn an anchor into a popover, how to initialise popovers using Jquery, how to change the placement of popovers, different ways to make popovers disappear and enabling HTML in popovers.

After watching this lesson you will be able to style the nav bar as you please. This includes changing the colors of text and background or border of the whole navbar or the elements inside it such as the header or the links when they are hover or active.

I tried to embed a google map onto my page but with the default code provided by google, the map has a fixed width which does not change when you resize the window or view it on mobile. This makes it very difficult to view on mobile as you will have to zoom in and …

In this lesson you will understand the Jumbotron component, what it does, and how to change its margins to get rid of white spaces. You will then understand how to use scroll spy to make the navigation bar track where you are on the page, and change the offset so it tracks where you are …

In this lesson we talk about the code behind the navbar, so not only do you just add the bar but you know what it means, mostly. We also learn how to fix the navbar to the top.

In this lesson we talk about how the bootstrap grid system works – how to respond to the device width and change the number of columns (e.g. 3 columns on desktops, 2 columns on tablet, 1 column on mobile phone).

In this lesson I change what the buttons and images look like on my one page layout.

This series of videos will be on how to make a mobile responsive website with Bootstrap. In the first video on the Bootstrap framework, we started creating a simple page with one column using container-fluid.

One of the advantages of using bootstrap is you can quickly hide elements that you don’t want displayed on particular device widths (i.e. mobiles). Here is how you do it.

In this video we fix the bug in lesson 1 where the character pauses for a brief second after holding down an arrow key to move. We introduce if, repeat, forever, and sensing blocks.