Boot Strap
It contains beautiful and functional built-in....
components which are easy to customize. It also provides web based customization.
danger=
red
warning=
yellow
It was released as an open source product in..........
August 2011 on GitHub.
Mobile first approach :
Bootstrap 4, framework consists of Mobile first styles throughout the entire library instead them of in separate files.
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.
What is Twitter Bootstrap?
Bootstrap is a sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development.
Responsive design :
Bootstrap's responsive CSS adjusts to Desktops,Tablets and Mobiles.
Browser Support :
It is supported by all popular browsers.
What dose Bootstrap use?
It uses HTML, CSS and Javascript.
Bootstrap was developed by.....
Mark Otto and Jacob Thornton at Twitter
Bootstrap also comes with JavaScript code that is placed before the closing
</body> tag
Bootstrap uses ________________to provide design to the HTML
<div class="container bg-primary"></div> (will create a fixed width container that has a blue background color)
Easy to get started :
With just the knowledge of HTML and CSS anyone can get started with Bootstrap. Also the Bootstrap official site has a good documentation.
Content should be placed within the columns,
and only columns may be the immediate children of rows.
This is delivered through a CDN
(which is a content delivery network).
For example, three equal columns would use three
.col-sm-4.
Grid systems are used for creating page layouts through a series of...........
rows and columns that house your content.
sm stands for
the media query
4 stands for
the number of grid spaces the column will take up
info=
light blue
Bootstrap is easy to install by
linking to the defined set of Bootstrap classes by adding the link to the Bootstrap Stylesheet in the <head> tag of your HTML document.
Use rows to create horizontal groups
of columns.
Grid columns are created by specifying the number
of twelve available columns you wish to span
And best of all it is an.......
open source.
. It includes.............
predefined classes for easy layout options,
primary=
blue
Rows must be placed within a
.container class for proper alignment and padding.
Predefined grid classes like
.row and .col-sm-4 are available for quickly making grid layouts.
.col stands for
column
Provides a clean and uniform solution...
for building an interface for developers.
Use .container-fluid for a
full width container, spanning the entire width of the viewport.
success=
green
secondary=
grey
