Skip to content
Advertisement

How to use multiple columns in Bootsrap not starting From column 1?

I have two buttons in page. According to W3Schools, the page is divided into 12 columns. I want the two buttons to be 4 columns wide but from column 2 to 5 and the second from column 8 to 11. How can I do this? I am using using bootstrap to do this.

Using empty ‘p’ elements doesn’t seem to work as seen below.

JavaScript

I can notice a bigger gap after the second button that the first gap. What can I do?

Edit: To see it open the code in a full page.

Advertisement

Answer

Leaving an answer instead of a comment because I don’t have enough reputation. Just wanted to point out OP is using bootstrap 3, not 4, so offset would be written as “col-sm-offset-1”, not “offset-sm-1”.

JavaScript
User contributions licensed under: CC BY-SA
8 People found this is helpful
Advertisement