Upgrade to remove ads
Only $2.99/month

Boot Strap

Terms in this set (34)

What is Twitter Bootstrap?
Bootstrap is a sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development.
What dose Bootstrap use?
It uses HTML, CSS and Javascript.
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)
Bootstrap was developed by.....
Mark Otto and Jacob Thornton at Twitter
It was released as an open source product in..........
August 2011 on GitHub.
Browser Support :
It is supported by all popular browsers.
Mobile first approach :
Bootstrap 4, framework consists of Mobile first styles throughout the entire library instead them of in separate files.
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.
Responsive design :
Bootstrap's responsive CSS adjusts to Desktops,Tablets and Mobiles.
Provides a clean and uniform solution...
for building an interface for developers.
It contains beautiful and functional built-in....
components which are easy to customize.
It also provides web based customization.
And best of all it is an.......
open source.
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,
Grid systems are used for creating page layouts through a series of...........
rows and columns that house your content.
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-sm-4 are available for quickly making grid layouts.
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-sm-4.
.col stands for
column
sm stands for
the media query
4 stands for
the number of grid spaces the column will take up
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.
This is delivered through a CDN
(which is a content delivery network).
Bootstrap also comes with JavaScript code that is placed before the closing
</body> tag
success=
green
warning=
yellow
danger=
red
primary=
blue
secondary=
grey
info=
light blue
Use .container-fluid for a
full width container, spanning the entire width of the viewport.
YOU MIGHT ALSO LIKE...