Successful use of BOOTSTRAP3 in sublime Text3

Source: Internet
Author: User

Stuck in the view here for quite a long time, has been himself in the study. In fact, they have a bad problem, encountered problems, in the online collection can not find it to seek help (most of the help is no effect, because they do not understand),

At this time, I will slack off for a while, and then after two days of painstaking efforts and then continue to do. This tutorial is about the sublime Text3 HTML quick-Build feature plug-in

First, you must first download the package control plug -in, which is a plug-in to manage the plug-in (a bit awkward). Download method reference http://jingyan.baidu.com/article/c14654134b8bde0bfcfc4c9a.html Remember to re-open to use. Then use shift+ctrl+ p to open the panel.

Second, download some plugins , enter install, then enter Emmet, click to download it, this plugin will provide some small fragments of the rapid generation code, for example,

HTML documents need to contain some fixed tags, such as

<! DOCTYPE html>

<meta charset= "UTF-8" >

<title>Document</title>

<body>

</body>

The detailed use of Emmet can refer to this URL http://www.iteye.com/news/27580

Third, bootstrap 3 framework, this is need to go online to download.

First we need to know that all of our quick-build templates are stored in Preference-browse packages-user.

So the first to go to the site to download the plugin Https://github.com/JasonMortonNZ/bs3-sublime-plugin and then unzip into the user file can be used

Using statements similar to BS3-TEMPLATE:HTML5 can quickly generate templates

<! DOCTYPE html>

<meta charset= "Utf-8" >

<meta http-equiv= "x-ua-compatible" content= "Ie=edge" >

<meta name= "viewport" content= "Width=device-width, initial-scale=1" >

<title>title page</title>

<!--Bootstrap CSS--

<link href= "//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel= "stylesheet" >

<!--HTML5 Shim and respond.js 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= "Https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" ></script>

<script src= "Https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" ></script>

<! [endif]-->

<body>

<H1 class= "Text-center" >hello world

<!--JQuery--

<script src= "//code.jquery.com/jquery.js" ></script>

<!--Bootstrap JavaScript---

<script src= "//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" ></script>

</body>

Successful use of BOOTSTRAP3 in sublime Text3

Related Article

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.