Twitter Developer have launched a Framework base Platform to Make easy that can build your beautiful design website which is called the Bootstrap. When some people who know the coding about HTML , Javascript ,CSS to make website , it become a harder job for him. But , Bootstrap help you to done same job easily.
Get start your experience with Bootstrap , install using the CDN support's Bootstrap CSS and Javascript .You need to add the CDN Bootstrap line in your website or Blog header section -
Now , we assume that you want to set up Bootstrap using another method . After downloading Bootstrap , just set up the all files including the javascript and CSS as follows -
Bootstrap is very powerful framework for font end web development , and it is equipped with bundle of features to build a fully functional website faster and easier.
1. CSS grid : create a responsive Layout.
2. CSS base Forms , Button , Input , Search ,Icon ,Table and Images.
3. User interface component such as Navigation , Progress Bar , Pagination and Breadcrumbs.
4. jQuery plug-in to build interactive website.
Bootstrap has a common CSS base that consist of styles for some basic HTML elements including the button tag. Button is a most used HTML element that in Bootstrap button style is used a btn class -
This markup shows the following presentation-
We can also apply the additional classes in button's role-
There have many other features in Twitter Bootstrap. So today I have discuss little bit about the Bootstrap.So, Wait for Next tutorial with real time application in Web design. In this I have share some website which is designed by the Twitter Bootstrap.
BagelHint
ThinSlices
Stack Ideas
Instal Bootstrap
Get start your experience with Bootstrap , install using the CDN support's Bootstrap CSS and Javascript .You need to add the CDN Bootstrap line in your website or Blog header section -
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
Now , we assume that you want to set up Bootstrap using another method . After downloading Bootstrap , just set up the all files including the javascript and CSS as follows -
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/bootstrap.min.js" type="text/javascript"></script>
Features of Bootstrap
Bootstrap is very powerful framework for font end web development , and it is equipped with bundle of features to build a fully functional website faster and easier.
1. CSS grid : create a responsive Layout.
2. CSS base Forms , Button , Input , Search ,Icon ,Table and Images.
3. User interface component such as Navigation , Progress Bar , Pagination and Breadcrumbs.
4. jQuery plug-in to build interactive website.
Bootstrap Button CSS
Bootstrap has a common CSS base that consist of styles for some basic HTML elements including the button tag. Button is a most used HTML element that in Bootstrap button style is used a btn class -
<button type="button" class="btn">Default Button</button>
This markup shows the following presentation-
We can also apply the additional classes in button's role-
<button type="button" class="btn btn-success">Button</button>
<button type="button" class="btn btn-warning">Button</button>
<button type="button" class="btn btn-danger">Button</button>
Conclusion
There have many other features in Twitter Bootstrap. So today I have discuss little bit about the Bootstrap.So, Wait for Next tutorial with real time application in Web design. In this I have share some website which is designed by the Twitter Bootstrap.
BagelHint
ThinSlices
Stack Ideas
