📜  引导程序中的版式

📅  最后修改于: 2021-05-25 16:37:38             🧑  作者: Mango

排版是Bootstrap的一项功能,用于样式化和格式化文本内容。它用于创建自定义的标题,内联子标题,列表,段落,对齐方式,添加更多面向设计的字体样式等等。 Bootstrap支持字体集,标题和链接样式的全局设置,这些设置将在Web应用程序中用于每种类型的OS和设备,以提供最佳的用户界面。

印刷术可用于创建:

  • 标题
  • 副标题
  • 文字和段落字体的颜色,字体类型和对齐方式
  • 清单
  • 其他内联元素

一些类和标签可实现引导程序的排版功能:

  • text-muted :用于文本颜色,text-muted淡化文本。即文字变灰
  • display :用于创建更好的标题。
  • lead :用于使段落突出,即在视觉上更好。
  • 标记:用于突出显示文本。
  • small :用于创建辅助子标题。
  • 字母缩写:用于以较小的文本大小显示缩写。
  • blockquote :用于引用内容。
  • blockquote-footer :这是用于标识报价来源的页脚详细信息。
  • text-center :用于将文本对齐到中心。
  • list-inline :用于使list元素内联。
  • text-truncate :用于通过省略号截断来缩短较长的文本。
  • text-uppercase :用于将文本转换为大写。
  • text-lowercase :用于将文本转换为小写。
  • text-capitalize :用于转换文本以大写每个单词的第一个字母,而将其他字母小写。

示例1:说明文本静音类。



  
    
    
      Text-muted
    
  
  
    

GeeksforGeeks  //A Normal Text.

    

GeeksforGeeks  //A Muted Text.

  

输出:

示例2 :以说明显示类。



  
    
    
      Display
    
  
  
    

GeeksforGeeks

    

GeeksforGeeks

  

输出:

示例3 :以说明潜在客户类别。



  
    
    
      Lead
    
  
  
    

GeeksforGeeks - Normal Paragraph

    

GeeksforGeeks - Lead Paragraph

  

输出:

示例4 :以说明标记标签。



  
    
    
      Mark
    
  
  
    

GeeksforGeeks - Normal

    GeeksforGeeks - Highlighted   

输出:

例5 :为说明标签。



  
    
    
      Small
    
  
  
    

GeeksforGeeks     A CS Portal     

  

输出:

示例6 :演示初始类。



  
    
    
      Initialism
    
  
  
    GfG is a CS portal
  

输出:

示例7 :为了说明blockquote标签和blockquote-footer类。



  
    
    
      Blockquote and Blockquote footer
    
    
  
  
    
GeeksforGeeks
       

输出:

例8 :说明文本中心类。



  
    
    
      Text-Center
    
    
  
  
    

GeeksforGeeks

  

输出: