Bootstrap4加载效果要创建加载中效果可以使用.spinner-border类:实例divclass="spinner-border">div>尝试一下»可以使用文本颜色类设置不同的颜色：实例divclass="spinner-bordertext-muted">div>divclass="spinner-bordertext-primary">div>divclass="spinner-bordertext-success">div>divclass="spinner-bordertext-info">div>divclass="spinner-bordertext-warning">
Bootstrap4加载效果要创建加载中效果可以使用.spinner-border类:实例divclass="spinner-border">div>尝试一下»可以使用文本颜色类设置不同的颜色：实例divclass="spinner-bordertext-muted">div>divclass="spinner-bordertext-primary">div>divclass="spinner-bordertext-success">div>divclass="spinner-bordertext-info">div>divclass="spinner-bordertext-warning">
Bootstrap4徽章（Badges）徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将.badge类加上带有指定意义的颜色类(如.badge-secondary)添加到元素上即可。徽章可以根据父元素的大小的变化而变化:实例h1>测试标题spanclass="badgebadge-secondary">Newspan>h1>h2>测试标题spanclass="badgebadge-secondary">Newspan>h2>h3>测试标题spanclass="badgebadge-secondary">Newspan>h3>h4>测试标题spanclass="badg
Bootstrap4徽章（Badges）徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将.badge类加上带有指定意义的颜色类(如.badge-secondary)添加到元素上即可。徽章可以根据父元素的大小的变化而变化:实例h1>测试标题spanclass="badgebadge-secondary">Newspan>h1>h2>测试标题spanclass="badgebadge-secondary">Newspan>h2>h3>测试标题spanclass="badgebadge-secondary">Newspan>h3>h4>测试标题spanclass="badg
Bootstrap4JumbotronJumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。提示:Jumbotron里头可以放一些HTML标签，也可以是Bootstrap的元素。我们可以通过在元素中添加.jumbotron类来创建jumbotron:实例divclass="jumbotron">h1>菜鸟教程h1>p>学的不仅是技术，更是梦想！！！p>div>尝试一下»全屏幕的Jumbotron如果你想创建一个没有圆角的全屏幕，可以在.jumbotron-fluid类里头的div添加.container或.container-fluid类来实现:实例divc
Bootstrap4JumbotronJumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。提示:Jumbotron里头可以放一些HTML标签，也可以是Bootstrap的元素。我们可以通过在元素中添加.jumbotron类来创建jumbotron:实例divclass="jumbotron">h1>菜鸟教程h1>p>学的不仅是技术，更是梦想！！！p>div>尝试一下»全屏幕的Jumbotron如果你想创建一个没有圆角的全屏幕，可以在.jumbotron-fluid类里头的div添加.container或.container-fluid类来实现:实例divc
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基础表格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默认设置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)
