本文摘自PHP中文网,作者藏色散人,侵删。

Bootstrap的使用一般有两种方法:
引用在线的Bootstrap的样式,
将Bootstrap下载到本地进行引用。
在线引用
基本模板如下:
1 2 3 4 5 6 7 8 9 10 11 | <html>
<head>
<meta charset= "UTF-8" >
<title>Bootstrap引入</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel= "stylesheet" href= "http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" >
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src= "http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js" ></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src= "http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js" ></script>
</head>
|
优点:不用本地安装Bootstrap,也不用考虑引用时的路径问题
缺点:一旦在线样式挂了,那么会影响整个页面样式的呈现
本地引用
将Bootstrap下载到本地。
直接访问上述代码中的3个网址来获取代码
去Bootstrap的官网 http://v3.bootcss.com/ 和JQuery
的官网 http://jquery.com/ 下载相应的文件
将需要的文件放在项目下,便于引用
阅读剩余部分
相关阅读 >>
bootstrap学之前要会什么
bootstrap适合做电商吗
bootstrap怎么把div变成一个圆
解决bootstrap只加载一次 remote 数据的问题
浅谈查看bootstrap和jquery版本对应关系的方法
bootstrap 如何取消自适应
bootstrap的表单怎么选日期
bootstrap响应式布局怎么实现
bootstrap如何消除浮动
bootstrap怎么给input加图标
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 怎么引入bootstrap