Bootstrap Chapter 3 – Bootstrap Grid System



https://i.ytimg.com/vi/c-mCgZ8x140/hqdefault.jpg



What is Grid ?
In graphic design, a grid is a structure (usually two-dimensional) made up of a series of intersecting straight (vertical, horizontal) lines used to structure the content. It is widely used to design layout and content structure in print design. In web design, it is a very effective method to create a consistent layout rapidly and effectively using HTML and CSS.

What is Bootstrap Grid System ?
Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.
Bootstrap Grid System is used for creating page layouts with a series of rows and columns.
Bootstrap’s grid system allows up to 12 columns across the page.
Bootstrap’s grid system is responsive, and the columns will re-arrange automatically depending on the screen size.
Remember that grid columns should add up to twelve for a row. More than that, columns will stack no matter the viewport.

Bootstrap Grid System is made up of 3 things:
Container.
Rows.
Columns

Bootstrap Grid System Rules :
Rows must be placed within a .container or .container-fluid for proper alignment and padding.
Use rows to create horizontal groups of columns
Content should be placed within columns, and only columns may be immediate children of rows.

ankpro
ankpro training
Asp.net MVC
C#
C sharp
Bangalore
Rajajinagar
Selenium
Coded UI
Mobile automation testing
Mobile testing
JQuery
JavaScript
.Net
Components of the .Net framework
Hello World
Literal
Keywords
Variable
Data types
Operators
Branching
Loops
Arrays
ArrayList
Strings
String Builder
Structures
Enums
Functions
Classes
Inheritance
Polymorphism
Properties
Indexers
Events
Nested Classes
Delegates
Anonymous methods
Labda expressions
Abstract classes
Exception Handling
Linq
Interfaces
Extension methods
Anonymous types
Generics
Collections
Garbage Collection
Reflection
Attributes
Input and output statements
Type casting
Partial Methods
Partial Classes
Boxing and Unboxing
Var vs Dynamic vs Object
using Static.
Auto property initializer.
Dictionary Initializer.
nameof Expression.
New way for Exception filters.
await in catch and finally block.
Null – Conditional Operator.
Expression – Bodied Methods
Easily format strings – String interpolation
Parameterless constructors in structs.
Creating a custom exceptions class.

Original source


One response to “Bootstrap Chapter 3 – Bootstrap Grid System”

Leave a Reply