Bootstrap的全局样式

本文详细介绍了Bootstrap框架中的排版元素设置方法,包括标题、文本格式化及对齐方式,并深入探讨了如何使用Bootstrap创建不同样式和特性的表格。

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

一、Bootstrap的排版——标题

       Bootstrap提供了标题(h1~h6/.h1~.h6)

                               副标签<small>

      (其中 h1:36px , h2:30px , h3:24px , h4:18px , h5:14px , h6:12px)


二、Bootstrap的排版——文本

      1)对齐

          .text-left

          .text-center

          .text-right

      2)大小写

          .text-lowercase:把大写变成小写

          .text-uppercase:把小写变成大写

          .text-capitalize:首写字母变成大写

       3)<p>重新定义为:line-height:20px;  font-size:14px; margin-bottom:10px;

            <mark>:文本有黄色底边,

            <del>:文本被划掉,相当于<s>,

            <ins>:文本添加了下划线,相当于<u>,

            <small>:文本变小,

            <strong>:文本加粗,

            <del>:文本被划掉,相当于<s>


三、Bootstrap的排版——表格

      1)表格结构

          <table>

              <thead><tr><th></th></tr></thead>

              <tbody><tr><td></td></tr></tbody>

          </table>

        <table>.table-bordered: 带边框样式的表格

        <table>.table-hover: 鼠标悬浮具有高亮效果的样式的表格

        <table>.table-striped: 条纹状的表格

        <table>.table-responsive: 响应式的表格

        <table>.table-condense: 紧凑型的表格

        <tr>.active活跃的一行

        <tr>.info

        <tr>.success

        <tr>.warning

        <tr>.danger


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值