Home > Developer > Web Develop

Front End Frame Bootstrap-Quick Build website

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Bootstrap IntroductionBootstrap is an open source toolkit for front-end development launched by Twitter. is a css/html/javascript framework. Bootstrap is based on HTML5 and CSS3, and contains a rich set of components that can be used to quickly build a beautiful, fully functional website. These include the following components: drop-down menus, button groups, navigation, navigation bars, and so on. It can be said that Bootstrap is a simple front-end development framework that can make web development faster and easier.         Learning and downloading materials can be obtained through the official Chinese webWww.bootcss.com. 
Bootstrap Advantages
    • Responsive Development: allow a website to be compatible with different resolution devices, giving users a better visual experience.
    • a wide range of components: Http://v3.bootcss.com/components/offers a wide range of components to choose from.
    • Beautiful interface.
    • Future trends, many platforms are now default references, such as Microsoft New ASP. MVC5, Microsoft default Reference bootstrap package.

How to use bootstrap
  2. go to the official website:www.bootcss.com can download and view documents. ( If you do not want to download, you can use CDN Connection, Bootstrap dedicated to build their own free CND acceleration services, based on domestic cloud vendors speed)
  3. develop directly on the basis of the basic templates provided by Bootstraphttp://v3.bootcss.com/getting-started/#template
    <! DOCTYPE html> lang="ZH-CN">      <meta charset="Utf-8">    <meta http-equiv="X-ua-compatible" content="Ie=edge">    <meta name="Viewport" content="Width=device-width, initial-scale=1">    <!--the above 3 meta tags * must be * placed first, and any other content * must be * followed thereafter! -    <title>Bootstrap 101 Template</title>    <!--Bootstrap --    <link href="Css/bootstrap.min.css" rel="stylesheet">    <!--HTML5 Shim and Respond.js for IE8 support of HTML5 elements and media queries -    <!--WARNING:Respond.js doesn ' t work if you view the page via file:// --    <!--[if Lt IE 9]> <script src= "Http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js" ></script > <script src= "http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js" ></script> <! [endif]-->    <body>    Hello, world!    <!--jQuery (necessary for Bootstrap ' s JavaScript plugins)--    <scriptsrc="Http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>    <!--Include all compiled plugins (below), or include individual files as needed -    <scriptsrc="Js/bootstrap.min.js"></script>  </body>
    Then we can assemble the interface by http://v3.bootcss.com/components/copying the components we need into the body.
  5. Here are two simple pages to build a video, you can refer to. Link: Http://pan.baidu.com/s/1dDIqLdZ Password: z58a effect:
Grid  system         http://v3.bootcss.com/css/#grid    Each block adds up to 12 columns. 
     
        Effect

Front End Frame Bootstrap-Quick Build website

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
python front end framework front end development languages front end ui testing upwork front end developer front end engineer salary front end development books php front end

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.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More