BootStrap-链接调用
来源:互联网 发布:怎么在淘宝里搜索店铺 编辑:程序博客网 时间:2024/06/01 07:28
bootstrap的结构:
bootstrap/├── css/│ ├── bootstrap.css│ ├── bootstrap.css.map│ ├── bootstrap.min.css│ ├── bootstrap.min.css.map│ ├── bootstrap-theme.css│ ├── bootstrap-theme.css.map│ ├── bootstrap-theme.min.css│ └── bootstrap-theme.min.css.map├── js/│ ├── bootstrap.js│ └── bootstrap.min.js└── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2
注意:如果要使用Bootstrap的js插件,必须先调入jQuery方法一:本地调用
在head里面调用: <link href="css/bootstrap.min.css" rel="stylesheet">
在body尾部调用: <!-- 如果要使用Bootstrap的js插件,必须先调入jQuery -->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
方法二:调用官方网站的链接
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
另外:
bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码:
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
- BootStrap-链接调用
- Bootstrap Icon图标链接
- Bootstrap链接文件
- 使用bootstrap图标做链接
- 转载的bootstrap链接地址
- bootstrap-typeahead的ajax调用
- bootstrap:时间选择器datetimepicker调用
- bootstrap 将a标签 链接变成按钮
- HTML、CSS、Javascript、Bootstrap学习链接
- bootstrap初体验--所有图标链接
- bootstrap摸态框链接到新页面问题
- cursor: not-allowed; bootstrap禁用链接disabled
- 平台调用链接
- LabVIEW调用动态链接
- 编译链接动态链接库生成调用
- 在main()之前调用Bootstrap函数
- PHPOK 调用bootstrap 自适应轮播图的方法。
- bootstrap弹出框无法调用问题解决
- siblings ---选择兄弟集合(标签相同)
- python的str类方法
- redux在react-native上使用(二)--加入redux-saga
- unity3d处理子弹发射后坐标系混乱问题
- iOS CoreLocation定位 使用方法
- BootStrap-链接调用
- C++ Vitual函数
- JavaScript学习three
- 阿里算法工程师电话面试总结
- redux在react-native上使用(三)--加入redux-thunk
- Codeforces Round #143 (Div. 2) C. To Add or Not to Add —— 二分
- redux在react-native上使用(四)--connect使用
- 为什么程序员话少钱多死得早?-一位人生悲惨的程序员与你讲述其中原因
- redux在react-native上使用(五)--redux-actions使用