BOOTSTRAP 入门

最新推荐文章于 2025-05-08 14:43:07 发布

沈钢板

最新推荐文章于 2025-05-08 14:43:07 发布

阅读量114

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：学习总结

本文链接：https://blog.youkuaiyun.com/qq_16930699/article/details/84849118

前端专栏收录该内容

9 篇文章

订阅专栏

Bootstrap 简介

BootStrap 是Twitter的工程师开发的前端框架，可以非常方便的设计出好看的页面效果。我的理解就是对常规前端语言的加强，显示出更炫酷的效果。举个栗子：
html的按钮出来的效果(https://img-blog.csdnimg.cn/20181206110008133.png)
BootStrap 的按钮(https://img-blog.csdnimg.cn/20181206110124676.png)

Bootstrap使用前的准备

步骤 1 :
<!DOCTYPE html>
步骤 2 :
导入js 导入css

== 注：顺序不要搞错了，否则有一些效果会出不来。==
首先是JQuery
然后是Bootstrap css
最后是Bootstrap js
步骤 3 : 套用class

<button class="btn btn-success">按钮</button>

所有代码

<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
 
<button class="btn btn-success">按钮</button>


<button data-dismiss="modal" class="close" type="button">

这句代码是模态窗口