Posts

Showing posts with the label offsets

Learn the Bootstrap Grid in 15 Minutes : BootStrap - ResponSive Designing

Image
Bootstrap is a free and open-source front-end web framework for designing websites and web applications. Unlike many web frameworks, it concerns itself with front-end development only. Anybody who knows HTML, CSS and a bit of Java Script can learn Bootstrap in no time. Responsive page layout is the layout which can change and adapt depending on the screen size of the device the user is on. The grid consists of rows and columns. This allows us to freely position elements vertically and horizontally. Rows are block level. This means, that when we create a row, it takes up the entire width of the element it is in. You can think of rows as new lines in your layout. The horizontal alignment in the grid is done via columns. Only columns can be the direct children of a row and all content should go inside them. Placing content directly within a row will break the layout.          Syntax for the Bootstrap grid system: <div class="row"> <div ...