[bootstrap]文本居中居右居左/文本粗细/文本下划线应用

原创于 2022-04-25 09:58:58 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap

bootstrap 专栏收录该内容

11 篇文章

订阅专栏

这篇博客介绍了如何使用Bootstrap框架实现文本的居中、居右和居左对齐，同时讲解了设置文本粗细和添加下划线的技巧，帮助读者更好地掌握Bootstrap的HTML样式应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML

<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>

效果

在这里插入图片描述