Let's start with a simple template (DOCTYPE yes html5 The document type of )

<!DOCTYPE html>
<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">
<!-- Above 3 individual meta label * must * Put it at the front , Anything else * must * followed by ! -->
<title>Bootstrap 101 Template</title> <!-- introduce Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js Used to make IE8 Support HTML5 Element and media query -->
<!-- Warning : If you pass file:// introduce Respond.js file , be Respond.js It doesn't work -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<h1> Hello , The world !</h1>
<!-- jQuery (Bootstrap Of JavaScript Plug ins need to be introduced jQuery) -->
<!-- jQuery file . Be sure to bootstrap.min.js Introduced before  -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- Including all compiled plug-ins ( below ) Or include a single file as needed , The reference here is abbreviated JS file -->
<script src="js/bootstrap.min.js"></script>

Bootstrap CDN recommend

<!--  Latest version  Bootstrap  The core  CSS  file  -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- Optional Bootstrap topic file ( Generally, it is not necessary to introduce ) -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- Abreast of the times Bootstrap The core JavaScript file -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

BootStra Related scripts refer to more related articles

  1. shell Basics 、 Variable 、 Related scripts

    Catalog One .shell Basics Writing norms quotes The configuration file read Interaction Script mode Section summary Two . Variable Variable type Positional variable State variables Replace and delete Variables supplement Variable operation Section summary 3、 ... and . Related script interview questions Statistics hist ...

  2. In the script reference defer and async Usage and difference of

    The previous blog ramble about reference resource optimization in front-end optimization once mentioned script reference asynchronous settings defer.async, No details , Let's expand here , Talk about their functions and differences , First of all, let's have an initial impression of our unused friends : Yes , It's on the page script ...

  3. Once again Oracle It's so beautiful awr Introduction to related scripts

    Once again Oracle It's so beautiful awr Introduction to related scripts You know it's in $ORACLE_HOME/rdbms/admin Next , There are, for example, the following related scripts ( My environment is [oracle@rh64 ~]$ ...

  4. Unity Script reference principle , Repair Unity Script reference missing , Source script and dll Script reference interchange in .

    http://blog.csdn.net/gz_huangzl/article/details/52486509 Preface In the course of our game development , We often encounter the situation of script reference missing , But how to fix them to our ...

  5. Oracle The art of performance diagnostics - Related script description

    Chapter two bind_variables.sql     Show how to bind variables and when Binding variables causes cursor sharing bind_variables_peeking.sql  Show the advantages and disadvantages of bound variable snooping selectivi ...

  6. About Cygwin Of x-Server Automatic operation and related script modification

    Often need to use remote server graphics tools , If in windows It doesn't work xserver Words , A lot of programs don't work . A special example ,emacs It's no use xserver When , It's opened directly in the terminal , If not modified cygwin.b ...

  7. jmeter jsr223 The problem of script referencing variables

    Find out jmeter I don't know if it is bug. Specific performance: , Pass... In the script "${varName}" Refer to the previous use vars.put("varName",&quo ...

  8. Java Related scripts

    I take it from :https://github.com/oldratlee/useful-scripts/blob/master/docs/java.md#beer-show-busy-java-thread ...

  9. spark Related script parsing

    spark-shell/spark-submit/pyspark The relationship is as follows : #spark-submit Logic : ########################################### ...

Random recommendation

  1. Use AJAX Complete the asynchronous verification of user name

    One .JSP Code : 1. Events trigger :onblur 2. To write AJAX Code : towards Action Submitted in , Pass on username Parameters <script> function checkUsername(){ / ...

  2. PCI Express( Two ) - Topology

    The source of the original text is :http://www.fpga4fun.com/PCI-Express2.html Point-to-point architecture At 2.5Gbps, the PCI Expre ...

  3. linux Next python edition webshell Back door killing tools

    Instructions : 1. Check and kill the designated path :python webshell.py route 2. Find files by time :python webshell.py route “2013-09-28 00:00:00″ # -*- cod ...

  4. MVVM with ReactiveCocoa

    Summary : First of all, this paper compares MVC A brief introduction MVVM The concept and advantages of , secondly , A brief introduction Reactive Cocoa Use , Last , An example is given to show how to use Reactive Cocoa Of MVVM frame . Text : First ...

  5. How to get swf Video tutorial files ?

    There are many free video tutorials on the Internet , But there are video tutorials that you can watch online , Can't be offline in , How to get swf Video tutorial files ? I asked " I want to learn by myself " Video tutorial for example . This is a self-study website PS video ...

  6. MySQL Basic knowledge combing and learning ( 5、 ... and )---- Detailed explanation MySQL The design and implementation of twice writing

    One . Write twice about the background or the problem to be solved Write twice (InnoDB Double Write) yes Innodb It's a very unique function point in . because Innodb The log in is logical , Logic is like inserting a record , It may be in ...

  7. tensorflow Upgrade to 1.9-rc0, Generate static graphs frozen graph.pb Local tests are normal , In other versions (eg1.4 edition ) perhaps android Error running under NodeDef mentions attr &#39;dilations&#39; not in Op&lt;name=Conv2D; signature=input:T, filter:T -&gt; output:T; attr=T:type,allowed=[DT_

    The node definition cannot be found NodeDef attr 'dilations' not in, Describes the execution version of NodeDef Not on node definition , The two don't agree , They are executive inference The code for is inconsistent with the node that generated the static graph ( Of course ...

  8. Get rid of the last one li The style of

    recommend :::: Method 1 , Use :first-child    pure css Of :first-child Pseudo classes can do this , It's easy to operate , The amount of code is ignored . Support IE7+, I won't support it IE6 :first-child /:l ...

  9. contenteditable=&quot;true&quot; Give Way div Editable

    Only today did I know that it has this attribute , It's out 了 . But I haven't done anything about editor before , After all, there are a lot of open sources . Now I think open source is not so easy to use , Write simple ones yourself It was used <div class="content-bo ...

  10. springboot Get the serialization object injected by default in the project ObjectMapper

    stay springboot Project use @SpringBootApplication  It will automatically mark @EnableAutoConfiguration Time types are often used in interfaces ,Date , If you want a format ...