首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > css教程

Bootstrap下载与导入实例

PHPz
PHPz 原创
2018-10-15 15:43:58 2318浏览

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="//m.sbmmt.com/m/faq/#" data-dismiss="alert">
        &times;
    </a>
    <strong>警告！</strong>您的网络连接有问题。
</div>
</body>
</html>

以上就是Bootstrap下载与导入实例的详细内容，更多请关注php中文网其它相关文章！

bootstrap下载，bootstrap导入PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：HTML5 input placeholder的颜色修改 下一条：Bootstrap栅格布局系统实例

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！