bootstrap

2bootstrap的安装

<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" BP></script>

boostrap的使用

布局
栅格系统
Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，
随着屏幕或视口（viewport)尺寸的增加，系统会自动分为最多12列(12份)

布局容器
Bootstrap需要为页面内容和栅格系统包裹一个.container容器。框架中提供了两个类。
.container类用于固定宽度并支持响应式布局的容器。

<div class="container">
</div>

.container-fluid类用于100%宽度，占据全部视口(viewport)的容器。

<div class="container-fluid">
</div>

表格

在Bootstrap里，给标<table>添加.table类可以为其赋予基本的样式一少量的内补(padding）和水平方向的分隔线
https://v3.bootcss.com/css/ltables

按钮

可作为按钮使用的标签或元素
为<a>、<button>或<input>元素添加按钮类(button class）即可使用Bootstrap提供的样式


禁用状态
通过为按钮的背景设置opacity屋性就可以星现出无法点击的效果。
button元素
为<button>元素添加disabled属性，使其表现出禁用状态。