上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

黑龙江淘宝装修/黑龙江京东店铺设计/黑龙江拼多多网店装修公司/黑龙江企业网店开通申请-网店装修设计

平板、桌面、大桌面显示器、超大桌面显示器

以下实例在平板、桌面、大桌面显示器、超大桌面显示器的宽度比例为分别为：25%/75%、50%/50%、33.33%/66.67%、16.67/83.33%, 在移动手机等小型设备上会堆叠显示。

嵌套列

以下实例创建两列布局，其中一列内嵌套着另外两列：

显示效果：

偏移列

偏移列通过 offset-*-* 类来设置。第一个星号( * )可以是 sm、md、lg、xl，表示屏幕设备类型，第二个星号( * )可以是 1 到 11 的数字。

为了在大屏幕显示器上使用偏移，请使用 .offset-md-* 类。这些类会把一个列的左外边距（margin）增加 * 列，其中 * 范围是从 1 到 11。

例如：.offset-md-4 是把.col-md-4 往右移了四列格。

ootstrap5 文字排版

Bootstrap 5 默认设置

Bootstrap 5 默认的 font-size 为 16px, line-height 为 1.5。

默认的 font-family 为 "Helvetica Neue", Helvetica, Arial, sans-serif。

此外，所有的 <p> 元素 margin-top: 0 、 margin-bottom: 1rem (16px)。

<h1> - <h6>

Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。请看下面的实例：

实例

<div class="container">

  <h1>h1 Bootstrap 标题</h1>

  <h2>h2 Bootstrap 标题</h2>

  <h3>h3 Bootstrap 标题</h3>

  <h4>h4 Bootstrap 标题</h4>

  <h5>h5 Bootstrap 标题</h5>

  <h6>h6 Bootstrap 标题</h6>

</div>

尝试一下 »

你也可以使用 .h1 到 .h6 类来设置元素的样式：

实例

<div class="container">

  <p class="h1">h1 Bootstrap 标题</p>

  <p class="h2">h2 Bootstrap 标题</p>

  <p class="h3">h3 Bootstrap 标题</p>

  <p class="h4">h4 Bootstrap 标题 </p>

  <p class="h5">h5 Bootstrap 标题</p>

  <p class="h6">h6 Bootstrap 标题</p>

</div>

尝试一下 »

Display 标题类

Bootstrap 还提供了四个 Display 类来控制标题的样式: .display-1, .display-2, .display-3, .display-4。

实例

<div class="container">

  <h1>Display 标题</h1>

  <p>Display 标题可以输出更大更粗的字体样式。</p>

  <h1 class="display-1">Display 1</h1>

  <h1 class="display-2">Display 2</h1>

  <h1 class="display-3">Display 3</h1>

  <h1 class="display-4">Display 4</h1>

</div>

尝试一下 »

<small>

在 Bootstrap 5 中 HTML <small> 元素用于创建字号更小的颜色更浅的文本:

实例

<div class="container">

  <h1>更小文本标题</h1>

  <p>small 元素用于字号更小的颜色更浅的文本:</p>       

  <h1>h1 标题 <small>副标题</small></h1>

  <h2>h2 标题 <small>副标题</small></h2>

  <h3>h3 标题 <small>副标题</small></h3>

  <h4>h4 标题 <small>副标题</small></h4>

  <h5>h5 标题 <small>副标题</small></h5>

  <h6>h6 标题 <small>副标题</small></h6>

</div>

尝试一下 »

<mark>

Bootstrap 5 定义 <mark> 标签及 .mark 类为黄色背景及有一定的内边距:

实例

<div class="container">

  <h1>高亮文本</h1>    

  <p>使用 mark 元素来 <mark>高亮</mark> 文本。</p>

</div>

尝试一下 »

<abbr>

Bootstrap 5 定义 HTML <abbr> 元素的样式为显示在文本底部的一条虚线边框:

实例

<div class="container">

  <h1>Abbreviations</h1>

  <p>The abbr element is used to mark up an abbreviation or acronym:</p>

  <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

</div>

黑龙江淘宝装修/黑龙江京东店铺设计/黑龙江拼多多网店装修公司/黑龙江企业网店开通申请-网店装修设计

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）