Bootstrap4表格Bootstrap4基础表格Bootstrap4通过.table类来设置基础表格的样式，实例如下:实例tableclass="table">thead>tr>th>Firstnameth>th>Lastnameth>th>Emailth>tr>thead>tbody>tr>td>Johntd>td>Doetd>td>john@example.comtd>tr>tr>td>Marytd>td>Moetd>td>mary@example.comtd>tr>tr>td>Julytd>td>Dooleytd>td>july@example.comtd>tr>tbody>tabl
Bootstrap4颜色Bootstrap4提供了一些有代表意义的颜色类：.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger,.text-secondary,.text-white,.text-darkand.text-light:实例divclass="container">h2>代表指定意义的文本颜色h2>pclass="text-muted">柔和的文本。p>pclass="text-primary">重要的文本。p>pclass="text-success">执行成功的文本。p>pc
Bootstrap4颜色Bootstrap4提供了一些有代表意义的颜色类：.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger,.text-secondary,.text-white,.text-darkand.text-light:实例divclass="container">h2>代表指定意义的文本颜色h2>pclass="text-muted">柔和的文本。p>pclass="text-primary">重要的文本。p>pclass="text-success">执行成功的文本。p>pc
Bootstrap4文字排版Bootstrap4默认设置Bootstrap4默认的font-size为16px,line-height为1.5。默认的font-family为"HelveticaNeue",Helvetica,Arial,sans-serif。此外，所有的元素margin-top:0、margin-bottom:1rem(16px)。-Bootstrap中定义了所有的HTML标题（h1到h6）的样式。请看下面的实例：实例divclass="container">h1>h1Bootstrap标题(2.5rem=40px)h1>h2>h2Bootstrap标题(2rem=32px)
Bootstrap4文字排版Bootstrap4默认设置Bootstrap4默认的font-size为16px,line-height为1.5。默认的font-family为"HelveticaNeue",Helvetica,Arial,sans-serif。此外，所有的元素margin-top:0、margin-bottom:1rem(16px)。-Bootstrap中定义了所有的HTML标题（h1到h6）的样式。请看下面的实例：实例divclass="container">h1>h1Bootstrap标题(2.5rem=40px)h1>h2>h2Bootstrap标题(2rem=32px)
Bootstrap4网格系统Bootstrap提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。我们也可以根据自己的需要，定义列数：table.grid{width:100%;border:none;background-color:#F6F4F0;padding:0px;}table.gridtr{text-align:center;}table.gridtd{border:4pxsolidwhite;padding:6px; }11 111 111 111 144 448 66 12Bootstrap4的网格
Bootstrap4网格系统Bootstrap提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。我们也可以根据自己的需要，定义列数：table.grid{width:100%;border:none;background-color:#F6F4F0;padding:0px;}table.gridtr{text-align:center;}table.gridtd{border:4pxsolidwhite;padding:6px; }11 111 111 111 144 448 66 12Bootstrap4的网格
Bootstrap4安装使用我们可以通过以下两种方式来安装Bootstrap4：使用Bootstrap4CDN。从官网getbootstrap.com下载Bootstrap4。Bootstrap4CDN国内推荐使用StaticfileCDN上的库：Bootstrap4CDN新Bootstrap4核心CSS文件-->linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">jQuery文件。务必在bootstrap.min.js之前引入-->scripts
Bootstrap4安装使用我们可以通过以下两种方式来安装Bootstrap4：使用Bootstrap4CDN。从官网getbootstrap.com下载Bootstrap4。Bootstrap4CDN国内推荐使用StaticfileCDN上的库：Bootstrap4CDN新Bootstrap4核心CSS文件-->linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">jQuery文件。务必在bootstrap.min.js之前引入-->scripts
Bootstrap4教程Bootstrap是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的WEB项目。Bootstrap4是一套用于HTML、CSS和JS开发的开源工具集。利用我们提供的Sass变量和大量mixin、响应式栅格系统、可扩展的预制组件、基于jQuery的强大的插件系统，能够快速为你的想法开发出原型或者构建整个app。谁适合阅读本教程？只要您具备HTML和CSS的基础知识，您就可以阅读本教程，进而开发出自己的网站。在您学习完本教程后，您即可达到使用Bootstrap开发Web项目的中等水平。阅读本教程前，您需要了解的知识：在您开始阅读本教程之前，您必须具备HTML、C
