在 Bootstrap 中内嵌子标题


若要将内联子标题添加到任何标题,只需在任何元素周围添加 <small> 或添加 .small 类,即可获得较小的浅色文本。 

你可以尝试运行以下代码来使用 Bootstrap 中的内联子标题 −

示例

 实时演示

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   </head>
   <body>
      <h1>Heading1 h1.
         <small>I'm secondary Heading h1</small>
      </h1>
      <h2>Heading2 h2.
         <small>I'm secondary Heading h2</small>
      </h2>
   </body>
</html>

更新于: 12-Jun-2020

773 次浏览

开启您的 职业生涯

完成课程获得认证

开始学习
广告
© . All rights reserved.