青风百里

Bootstrap 按钮
<ol> <l <button type="button...
扫描右侧二维码阅读全文
12
2018/06

Bootstrap 按钮

<ol>
    <li>
        <button type="button" class="btn btn-default">button标签</button>
    <li>
        <a role="button" class="btn btn-default" href="#">a标签</a>
    </li>
    <li>
        <button type="button" class="btn btn-default">(默认)Default</button>
    </li>
    <li>
        <button type="button" class="btn btn-primary">(首选)Primary</button>
    </li>
    <li>
        <button type="button" class="btn btn-success">(成功)Success</button>
    </li>
    <li>
        <button type="button" class="btn btn-info">(信息)Info</button>
    </li>
    <li>
        <button type="button" class="btn btn-warning">(警告)Warning</button>
    </li>
    <li>
        <button type="button" class="btn btn-danger">(危险)Danger</button>
    </li>
    <li>
        <button type="button" class="btn btn-link">(连接)Link</button>
    </li>
    <li>
        <button type="button" class="btn btn-primary btn-lg">大按钮</button>
    </li>
    <li>
        <button type="button" class="btn btn-primary">默认大小按钮</button>
    </li>
    <li>
        <button type="button" class="btn btn-primary btn-sm">小按钮(默认)</button>
    </li>
    <li>
        <button type="button" class="btn btn-primary btn-xs">超小按钮</button>
    </li>
    <li>
        <button type="button" class="btn btn-primary btn-xs" disabled="disabled">禁用按钮</button>
    </li>
</ol>

Last modification:June 12th, 2018 at 06:57 pm

Leave a Comment