Bootstrap下载与导入实例
- PHPz原创
- 2018-06-28 16:37:552719浏览
1. 通常是先导入css
2. bootstrap依赖jQuery库,所有jQuery必须先导入
3. 最后再导入bootstrap的js文件,如果你的项目用不到bootstrap插件,可以不导入
1. 所有样式全部采用class添加
2. 各种效果可以累加到一个元素上
【相关视频推荐：Bootstrap教程】
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--导入bootstrap的css样式文件-->
<link rel="stylesheet" href="dist/css/bootstrap.css">
<!--必须先导入jQuery-->
<script src="jquery-3.2.1.js"></script>
<script src="dist/js/bootstrap.js"></script>
<title>Bootstrap下载与导入</title>
</head>
<body>
<img src="1.jpg" alt="" class="img-circle img-responsive">
<div class="alert alert-warning">
<a href="#" data-dismiss="alert">
×
</a>
<strong>警告！</strong>您的网络连接有问题。
</div>
</body>
</html>以上是Bootstrap下载与导入实例的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn