本文摘自PHP中文网,作者(*-*)浩,侵删。
Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap(推荐学习:Bootstrap视频教程)
1 2 3 4 5 6 7 8 9 10 11 | <!-- Bootstrap 核心 CSS 文件 -->
<link rel= "stylesheet" href= "https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css" >
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src= "https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js" ></script>
<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src= "https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js" ></script>
<!-- Bootstrap 核心 JavaScript 文件 -->
<script src= "https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js" ></script>
|
从中可以看出Bootstrap使用<link>标签添加css样式表。
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
注释:link 元素是空元素,它仅包含属性。
注释:此元素只能存在于 head 部分,不过它可出现任何次数。
全局属性
<link> 标签支持 HTML 中的全局属性。
事件属性
<link> 标签支持 HTML 中的事件属性。
更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!
以上就是bootstrap怎么添加样式表的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
bootstrap是js类库么
bootstrap模态框怎么关闭事件
jquery easyui和bootstrap的区别是什么
bootstrap中怎么设置按钮位置
bootstrap是响应式布局吗
详解eclipse中如何使用bootstrap?(附代码)
浅谈bootstrap中的panel布局
bootstrap怎么安装
bootstrap怎么改字体
bootstrap table使用方法汇总
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » bootstrap怎么添加样式表