Bootstrap Rows and Columns in Dreamweaver

Bootstrap Rows and Columns in Dreamweaver

Now it is time to use Bootstrap rows and columns in Dreamweaver. Using Bootstrap rows and columns  is kind of strange when you first get started. The whole concept of using Bootstrap rows and columns is just strange. Using Bootstrap rows and columns without Dreamweaver is strange but this video will get you on the right track.

Bootstrap Rows and Columns in DreamweaverTo use Bootstrap rows and columns , you have to get used to a few concepts. I have run into scores of students that are taking web design classes and their instructor starts them out in Bootstrap with no html or css training. Seriously. I´m a tutor. I have made lots of money helping these people out. How the hell are you going to understand using Bootstrap rows and columns without any knowledge of CSS. But, I guess that is why the instructors make the big money.

Bootstrap comes with 6,000 lines of preloaded CSS in the file called bootstrap.css. In this file, thousands of CSS classes are created. Many of these classes are CSS row and column definitions.

Also, most likely one of the most important things to know even before you get to Bootstrap rows and columns is the “container” options you have to put your Bootstrap rows and columns in Dreamweaver, in. These are predefined Bootstrap CSS classes also.

So here is the down and dirty about Bootstrap rows and columns. It all comes down to these basic classes, “col-xs-1, col-sm-1, col-md-1, col-lg-1”.

When you look at your code using Bootstrap rows and columns , you will see these classes, or, you will write the code or use Dreamweaver to drop the code in for you.

You can have 12 columns in a row. So when you see col-lg-4, that is one column that is one third of your page width. So when you see col-lg-6, that is one column that is one half of your page width.

The drama continues from here. Watch what happens in our video.

14 + 7 =