青风百里

Bootstrap 内联文本
<div class="container"> <div class...
扫描右侧二维码阅读全文
12
2018/06

Bootstrap 内联文本

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <ol>
                <li><mark>mark可以高亮文本</mark></li>
                <li><del>del标签可以给文本添加删除线</del></li>
                <li><s>s标签可以给文本添加删除线</s></li>
                <li><ins>ins标签可以给文本添加下划线</ins></li>
                <li><u>ins标签可以给文本添加下划线</u></li>
                <li><small>small标签可以使文字变小</small></li>
                <li><strong>strong标签可以使文字变粗</strong></li>
                <li class="text-left">text-left类样式使得文本居左</li>
                <li class="text-center">text-center类样式使得文本居中</li>
                <li class="text-right">text-right类样式使得文本居中</li>
                <li class="text-justify">text-justify类样式使得文本自动换行,text-justify类样式使得文本自动换行,text-justify类样式使得文本自动换行,text-justify类样式使得文本自动换行,text-justify类样式使得文本自动换行</li>
                <li class="text-nowrap">text-类样式禁止文本自动换行,text-justify类样式使得文本自动换行,text-justify类样式使得文本自动换行,text-justify类样式使得文本自动换行,text-justify类样式使得文本自动换行,text-justify类样式使得文本自动换行</li>
                <li><span class="text-lowercase">text-lowercase类样式使得大写变小写</span></li>
                <li><span class="text-uppercase">text-uppercase类样式使得小写变大写</span></li>
                <li><span class="text-capitalize">text-capitalize使得首字母大写</span></li>
                <li><abbr title="Professional Hypertext Preprocessor">PHP</abbr>title属性使得鼠标悬停会显示释义</li>
                <li>
                    <blockquote>blockquote标签使得样式变成引用</blockquote>
                </li>
                <li>
                    <blockquote>
                        blockquote标签使得样式变成引用
                        <footer>对引用的解释</footer>
                    </blockquote>
                </li>
                <li>
                    <p>普通无序列表</p>
                    <ul>
                        <li>PHP</li>
                        <li>HTML</li>
                        <li>CSS</li>
                    </ul>
                </li>
                <li>
                    <p>list-unstyled类样式清除无序列表样式</p>
                    <ul class="list-unstyled">
                        <li>PHP</li>
                        <li>HTML</li>
                        <li>CSS</li>
                    </ul>
                </li>
                <li>
                    <p>普通描述型列表</p>
                    <dl>
                        <dt>PHP</dt>
                        <dd>最流行的Web开发语言</dd>
                        <dt>MySQL</dt>
                        <dd>免费数据库</dd>
                        <dt>Laravle</dt>
                        <dd>艺术品</dd>
                    </dl>
                </li>
                <li>
                    <p>dl-horizontal类样式使得描述型列表变为水平排列</p>
                    <dl class="dl-horizontal">
                        <dt>PHP</dt>
                        <dd>最流行的Web开发语言</dd>
                        <dt>MySQL</dt>
                        <dd>免费数据库</dd>
                        <dt>Laravle</dt>
                        <dd>艺术品</dd>
                    </dl>
                </li>
            </ol>
        </div>
    </div>
</div>

Last modification:June 12th, 2018 at 12:16 am

Leave a Comment