The page width is now responsive!
``` --- name: grid-system # Grid Layout System -- ## Concept Bootstrap makes it easy to place any element at a particular position on the page as well as to specify the size of that element at all responsive breakpoints. -- - Bootstrap's code divides the page width into 12 columns. -- - Your HTML code specifies how many columns you want any element to consume. -- - Bootstrap's code sizes its width appropriately at all responsive breakpoints. --- template: grid-system ## Usage For example, the following code, if placed within the container `div` would create two articles each taking up 1/2 of the available width at all responsive breakpoints. ```html
``` - We can specify different sizes at different responsive breakpoints. In this case, each article will take up full width at extra small and small devices, but 1/2 width at medium devices and larger. ```html