BOOTSTRAP 入门

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>

猜你喜欢

转载自blog.csdn.net/qq_16930699/article/details/84849118