https://v5.bootcss.com/docs/customize/css-variables/

其它对齐

https://doc.rg1008.com/docs/rg_pass_qd/rg_pass_qd-1d65tj3n3e850

文本对齐

<p class="text-start">Start aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-end">End aligned text on all viewport sizes.</p>

<p class="text-sm-start">Start aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-start">Start aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-start">Start aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-start">Start aligned text on viewports sized XL (extra-large) or wider.</p>

Start aligned text on all viewport sizes.

Center aligned text on all viewport sizes.

End aligned text on all viewport sizes.

Start aligned text on viewports sized SM (small) or wider.

Start aligned text on viewports sized MD (medium) or wider.

Start aligned text on viewports sized LG (large) or wider.

Start aligned text on viewports sized XL (extra-large) or wider.

1 .col-xs-  超小屏幕 手机 (<768px)

2 .col-sm-   小屏幕 平板 (≥768px)

3 .col-md-  中等屏幕 桌面显示器 (≥992px)

4 .col-lg-  大屏幕 大桌面显示器 (≥1200px)

<div class="span9">
    <div class="well np">
        <div class="row">

            <div class="col-md-6">Text</div>
            <div class="col-md-6">Text</div>
            <div class="col-md-6">Text</div>
            <div class="col-md-6">Text</div>
            <div class="clearfix"></div>
        </div>

    </div>
</div>

字体

<body>
    <div class="container">
        <h1 class="text-light bg-danger text-md-center text-strat">文字部分</h1>
        <!-- fw指font-weight -->
        <p class="fw-bolder bg-danger">加粗体</p>
        <p class="fw-bold bg-danger">粗体</p>
        <p class="fw-normal bg-danger">正常体</p>
        <p class="fw-light bg-danger">细体</p>
        <p class="fw-lighter bg-danger">极细体</p>
        <!-- fst就是font-style -->
        <p class="fst-italic bg-danger">斜体</p>
        <!-- 下划线 -->
        <p class="text-decoration-underline">下划线</p>
        <p class="text-decoration-line-through">删除线</p>
        <a href="#"class="text-decoration-none" >去除下划线</a>
    </div>
</body>

文字部分

加粗体

粗体

正常体

细体

极细体

斜体

下划线

删除线

去除下划线

https://v5.bootcss.com/docs/utilities/spacing/

padding margin


.mt-0 {
  margin-top: 0 !important;
}

.ms-1 {
  margin-left: ($spacer * .25) !important;
}

.px-2 {
  padding-left: ($spacer * .5) !important;
  padding-right: ($spacer * .5) !important;
}

.p-3 {
  padding: $spacer !important;
}
文档更新时间: 2023-01-18 12:10   作者：admin