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.

Learn how to code games with Scratch, an online programming language. In this first lesson we move a character around the screen with the keyboard, with a bug that we’re going to fix in the second lesson.