为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

  • 1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内
    查看全部
  • 多行选择设置multiple属性的值为multiple。 <div class="form-group"> <select multiple class="form-control"> <option>踢足球</option> <option>游泳</option> <option>慢跑</option> <option>跳舞</option> </select> </div>
    查看全部
  • <table class="table table-bordered table-hover"> <thead> <tr> <th>类名</th> <th>描述</th> </tr> </thead> <tbody> <tr class="active"> <td>.active</td> <td>表示当前活动的信息</td> </tr> <tr class="success"> <td>.success</td> <td>表示成功或者正确的行为</td> </tr> <tr class="info"> <td>.info</td> <td>表示中立的信息或行为</td> </tr> <tr class="warning"> <td>.warning</td> <td>表示警告,需要特别注意</td> </tr> <tr class="danger"> <td>.danger</td> <td>表示危险或者可能是错误的行为</td> </tr> </tbody> </table>
    查看全部
  • 1 ☑ .table:基础表格 2 ☑ .table-striped:斑马线表格 3 ☑ .table-bordered:带边框的表格 4 ☑ .table-hover:鼠标悬停高亮的表格 5 ☑ .table-condensed:紧凑型表格 6 ☑ .table-responsive:响应式表格
    查看全部
    0 采集 收起 来源:表格

    2014-12-29

  • 在使用代码时,用户可以根据具体的需求来使用不同的类型: 1、<code>:一般是针对于单个单词或单个句子的代码 2、<pre>:一般是针对于多行代码(也就是成块的代码) 3、<kbd>:一般是表示用户要通过键盘输入的内容
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • 列偏移“col-md-offset-*”
    查看全部
    0 采集 收起 来源:列偏移

    2014-12-16

  • 内联表单<form class="form-inline" role="form"> <div class="form-group">
    查看全部
    0 采集 收起 来源:内联表单

    2018-03-22

  • <form class="form-horizontal" role="form"> <div class="form-group"> 水平表单
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • <form role="form"> <div class="form-group">
    查看全部
    0 采集 收起 来源:基础表单

    2018-03-22

  • 响应式表格 <div class="table-responsive"> <table class="table table-bordered"> … </table> </div>
    查看全部
  • 实现悬浮状态,需要在<table>标签上加入table-hover类。 .active .success .info .warning
    查看全部
  • ☑ .table:基础表格 ☑ .table-striped:斑马线表格 ☑ .table-bordered:带边框的表格 ☑ .table-hover:鼠标悬停高亮的表格 ☑ .table-condensed:紧凑型表格 ☑ .table-responsive:响应式表格
    查看全部
    0 采集 收起 来源:表格

    2014-12-16

  • .pre-scrollable可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。
    查看全部
    0 采集 收起 来源:代码(二)

    2014-12-16

  • 1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • .dl-horizontal水平定义列表
    查看全部

举报

0/150
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!