本文摘自PHP中文网,作者藏色散人,侵删。
Bootstrap是一组用于网站和网络应用程序开发的开源前端框架,包括HTML、CSS及JavaScript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,旨在使动态网页和Web应用的开发更加容易。
bootstrap文件怎么引入
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 ace是什么
bootstrap有什么优势
bootstrap的优点和缺点是什么?
bootstrap中验证提示状态的类有什么
bootstrap原理是什么
bootstrap能分24格吗
关于bootstrap model隐藏问题
bootstrap 怎么关闭弹出框
bootstrap置信区间如何求
bootstrap怎么实现响应式布局
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » bootstrap文件怎么引入