引导程序(第6部分)|进度栏和超大屏幕

BootStrap文章：

1. 简介与安装
2. 网格系统
3. 按钮，字形图标，表格
4. 垂直形式，水平形式，内联形式
5. 下拉菜单和响应式标签

进度条

在我们的计算机中执行某些过程时，我们所有人都看到了进度条。进度条显示完成了多少过程以及还剩下多少。您可以使用预定义的引导程序类在网页中添加进度条。 Bootstrap具有一些预定义的类，可以轻松地将它们与HTML一起使用，以出色地对网页进行样式设置并使网页具有响应能力。 Bootstrap提供了多种类型的进度条。
我们可以使用div类中的progress类将进度条添加到我们的网页上。
在HTML代码中使用此代码可添加默认进度栏。
要创建进度条：

1. 在div类中使用类进度。
2. 在已经完成的div类中，添加另一个带有.progress-bar类的div标签。
3. 使用宽度作为百分比，在样式属性下提及条形的进度。例如eg-style =” width：50％

带标签的默认进度栏代码。

    

               50% Complete
    

输出：

要从进度条上删除标签，请从代码中删除span标签。
没有标签的进度条代码

输出

彩色进度条
要添加彩色进度条，我们对不同的颜色使用不同的类。

绿色– .progress-bar-success
蓝色– .progress-bar-info
黄色-进度条警告
红色-.progress-bar-danger
在div元素中使用这些类为进度条上色
彩色进度条代码

输出

巨无霸

Jumbotron是一个大的灰色框，用于指示一些文本，需要特别注意。任何看起来很重要的文字都可以写在巨型电子书内，以使其显得大而引人注目。
要添加超大tron –

1. 在div元素中，使用巨型类。
2. 在此div标签之后，您可以添加所需的任何文本或信息。
3. 使用类jumbotron删除div元素。
   巨型代码

   
     
   
       
   Jumbotron
       
   This is a Jumbotron.
     
   
   

   输出