A Look Into Bootstrap 3 CSS Classes and Their Description
Let's take a look at bootstrap 3 CSS classes along with their description, in this article....
Bootstrap 3 is an ultimate framework that teaches you how to think when coding web design for responsive sites and makes their development considerably less demanding and in a speedier manner.
So, let's begin...
Basic Bootstrap CSS classes:
1. .pull-right
.pull-left
sets float to either the left or right position
2. .container
assigns fixed width to an element (which varies relying upon a screen size to other fixed values, so it's as yet responsive) on all screen sizes with the exception of xs - on xs, the width is ascertained naturally (this conduct can be changed) a fixed width responsive site ought to be wrapped in .container (or simply the content minus menu, whatever - it's dependent upon you)
.container can't be nested!
3. .col-xs-1.....col-xs-12
assigns width to a column (mentioned in %) on additional small screens (<768pxt)
4. .col-sm-1.....col-sm-12
assigns width to a column (mentioned in %) on small screens (>=768px)
Bootstrap Visibility classes:
you can put to use all a majority of these classes on a solitary element as you wish and this blending gives you considerably more potential outcomes for your layout.
Bootstrap typography classes:
default font-size of <body> a <p> components is 14px, line-height 1.428; <p> likewise has margin-bottom of half of its line-height (20px with 14px font size), along these lines 10px as a matter of course all elements such as big, b, em, i, code, mark, small, strong, sub, sup, ins, del, s, u, abbr, address and blockquote (and cite and small inside) are legitimately styled
Lion's share of these classes are regularly set to either paragraph, solid or em elements.
These are just a few ones, to give you an idea. There are many more and cannot be covered in one single
blog.
