[建站]bootstrap的引用

建站 · 2021-02-02

bootstrap是什么

Bootstrap是一个用于前端开发的开源工具包,是一个做网页的框架,用它提供的样式和组件可以快速开发网站;它简洁灵活,使得Web开发更加快捷,可以用来快速创建一个响应式网站。

怎样使用bootstrap框架

1.引入bootstrap文件

bootstrap中包含 css和js。

 <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
 <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>

2.class名调用

通过 class= "bootstrap名" 来调用bootstrap.css 中的对应效果。

<button class="btn btn-danger btn-sm ></button>

结合css和js的案例:

<button class="btn btn-primary" type="button">点击我</button>
<!-- 模态弹出窗内容 -->
<div class="modal" id="mymodal">

<script>
$(function(){
  $(".btn").click(function(){
    $("#mymodal").modal('show');
  });
});
</script>

3.bootcdn大全

https://www.bootcdn.cn/

bootstrap
Theme Jasmine by Kent Liao