📌  相关文章
📜  Bootstrap Jumbotron

📅  最后修改于: 2020-12-19 02:48:49             🧑  作者: Mango

引导超大型

Bootstrap jumbotron指定一个大盒子，以引起对某些特殊内容或信息的额外关注。它显示为带有圆角的灰色框。它还可以放大其中文本的字体大小。

您可以将任何有效的HTML或其他Bootstrap元素/类放入巨型机中。

元素中的类.jumbotron用于创建巨型。

巨型内胆

如果您不希望超大屏幕延伸到屏幕的边缘，则在超大屏幕中使用“内部”容器。

将巨无霸放入

。

例：




  Bootstrap Example
  
  
  





  

    
This is Jumbotron inside container!
      
    
Jumbotron specifies a big box for getting extra attention to some special content or information.

  

  
This is some text.
      
  
This is another text.

大型外箱

当您希望超大屏幕扩展到屏幕边缘时使用。

将巨无霸放到

之外。

例：




  Bootstrap Example
  
  
  





  
This is Jumbotron outside container!
      
  
Jumbotron specifies a big box for getting extra attention to some special content or information.






  
This is some text.
      
  
This is another text.

全宽超大加速器

要获得没有圆角边界的巨型机，您必须在其中添加.jumbotron-fluid类和.container或.container-fluid。

例：




  Bootstrap Example
  
  
  
  
  
  





  

    
Full-width Jumbotron
        
  
Jumbotron specifies a big box for getting extra attention to some special content or information.






  
This is some text.
      
  
This is another text.

引导页面页眉

页面标题就像节分隔符。它在标题下添加了一条水平线。

.page-header类用于创建页面标题。

例：




  Bootstrap Example
  
  
  





  

    
Example Page Header
      
  

  
This is some text.
      
  
This is another text.