BootStrap介绍

最新推荐文章于 2024-07-04 17:42:44 发布

retreatweb

最新推荐文章于 2024-07-04 17:42:44 发布

阅读量296

点赞数

分类专栏： javascript HTML/CSS

本文链接：https://blog.csdn.net/u010449115/article/details/78588495

版权

javascript 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

HTML/CSS

6 篇文章 0 订阅

订阅专栏

BootStrap 是Twitter的工程师开发的前端框架，可以非常方便的设计出好看的页面效果。

BootStrap的使用

因为bootstrap用到了html5的特性，为了正常使用，需要在最开头加上。
Bootstrap需要JQuery才能正常工作，所以需要导入jquery.min.js，接着是 Bootstrap的css，里面定义了各种样式，最后是 Bootstrap的js，用于产生交互效果，比如关闭警告框。
套用 bootstrap css中定义的class即可。

<!DOCTYPE html>
<html>
    <head>
        <title>bootstrap练习1</title>
        <meta http-equiv="ContentType" content="text/html;charset="GBK"/>
        <script src="js/jquery/2.0.0/jquery.min.js"></script>
        <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"/>
        <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>
    </head>
    <body>
        <button class="btn btn-success">按钮</button>
    </body>
    <script>
    </script>
</html>