Introduction of the bootstrap front-end framework in HTML pages

Source: Internet
Author: User
Tags button type

Bootstrap Baidu Encyclopedia Introduction:

Bootstrap, from Twitter, is currently a very popular front-end framework. Bootstrap is based on HTML, CSS, JAVASCRIPT, it is simple and flexible, making Web development faster. It was developed by Twitter's designer Mark Otto and Jacob Thornton, and is a css/html framework. Bootstrap provides elegant HTML and CSS specifications, which are written by the dynamic CSS language less.

This is an elegant dividing line ........ ..................

To try bootstrap on an HTML page, you need to introduce at least three files

<!--new Bootstrap core CSS file--
<link rel= "stylesheet" href= "Http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" >
<!--jquery file. Be sure to bring in before Bootstrap.min.js
<script src= "Http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js" ></script>
<!--the latest Bootstrap core JavaScript files--
<script src= "Http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js" ></script>

Then write all the code that uses the Bootsrap style in the following Div, choosing one.

<div class= "Container" >
Write your bootstrap style code here.
</div>

<div class= "Container-fluid" >
Write your bootstrap style code here.
</div>

Here is an example of the code I wrote

<!      DOCTYPE html> 

Note:

Introduction of the file, I was introduced online, in order to facilitate the situation of the network, we can first download the three files, and then in the introduction of the local path of the CSS file and JS file. As for how to get these three files, trouble spots can go to Bootstrap's official website http://v3.bootcss.com/and jquery

The official website http://jquery.com/download the corresponding file down, this can deepen the understanding of BOOTSRTAP, the simplest is to directly visit these three pages

http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css   <  style= "font-size:18px;" ></ span >   http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js  http://cdn.bootcss.com/bootstrap/3.3.0/js/ Bootstrap.min.js  

Introduction of the bootstrap front-end framework in HTML pages

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.