- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Working Bootstrap grid system across multiple devices
Grid systems are used for creating page layouts through a series of rows and columns that house your content.
Here's how the Bootstrap grid system works
- Rows must be placed within a .container class for proper alignment and padding.
- Use rows to create horizontal groups of columns.
- Content should be placed within the columns, and only columns may be the immediate children of rows.
- Predefined grid classes like .row and .col-xs-4 are available for quickly making grid layouts. Fewer mixins can also be used for more semantic layouts.
- Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and the last column via negative margin on .rows.
- Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three .col-xs-4.
Updated on 12-Jun-2020 09:22:58
- Related Questions & Answers
- Bootstrap Grid for multiple devices
- Bootstrap Grid System Usage
- Bootstrap Small Grid
- Bootstrap Grid Structure
- Bootstrap Large Grid
- Bootstrap Grid Stacked to horizontal grid
- Responsive grid with Bootstrap
- Working with Bootstrap Jumbotron
- Stacked-to-horizontal Bootstrap Grid
- Bootstrap Grid Stacked to horizontal grid with fluid container
- Bootstrap Grid for Medium and Large Device
- How can I sum columns across multiple tables in MySQL?
- Change the order of the Bootstrap grid columns
- Create Three Equal Columns with Bootstrap grid Layout
- Create three unequal Columns with Bootstrap grid layout
Advertisements