为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 玩转Bootstrap（基础） 问答

玩转Bootstrap（基础）

大漠 Web前端工程师
查看讲师更多课程 大漠讲师的其他课程
难度初级
时长10小时 0分
学习人数
综合评分9.53
686人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
全部 评论 问答 未解决 精华
teddymail
form-control 可以将文本域中的宽度，扩大到屏幕的大小
2 3-6 表单控件(文本域textarea)
2015-11-07
teddymail
<div class="form-group">
<select class="form-control">
<option>踢足球</option>
<option>游泳</option>
<option>慢跑</option>
<option>跳舞</option>
</select>
</div>

form-control 能将多项选择宽度扩大到全屏
0 3-5 表单控件(下拉选择框select)
2015-11-07
teddymail
<div class="form-group">
<input type="text" class="form-control" placeholder="请输入用户名">
</div>
0 3-4 表单控件(输入框input)
2015-11-07
teddymail
<label> 用户名
<input type="email" class="form-control" placeholder="Enter email">
</label>
0 3-4 表单控件(输入框input)
2015-11-07
teddymail
label 标签主要是为了屏幕阅读器能够正确的识别，所有的输入部分都应该放置在label标签中
0 3-3 内联表单
2015-11-07
teddymail
table-bordered 表格改造为响应试表格，当表格宽度小于768px的时候，当浏览器宽度小于这个宽度，底部就会出现水平滚动条
1 2-24 表格--响应式表格
2015-11-07
teddymail
table-condensed 改变表格属性为紧凑表格
0 2-23 表格--紧凑型表格
2015-11-07
teddymail
table-hover 为表格增加悬浮高亮属性
0 2-22 表格--鼠标悬浮高亮的表格
2015-11-07
teddymail
table-bordered css类增加表格边框样式
0 2-21 表格--带边框的表格
2015-11-07
teddymail
table-striped 增加斑马表格效果
0 2-20 表格--斑马线表格
2015-11-07
teddymail
<thead>用来表示第一行标题的标签
0 2-19 表格--基础表格
2015-11-07
teddymail
☑ .table：基础表格

☑ .table-striped：斑马线表格

☑ .table-bordered：带边框的表格

☑ .table-hover：鼠标悬停高亮的表格

☑ .table-condensed：紧凑型表格

☑ .table-responsive：响应式表格
0 2-17 表格
2015-11-07
teddymail
<pre class="pre-scrollable">
<ol>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
<li>....</li>
</ol>
0 2-16 代码（二）
2015-11-07
teddymail
<p>请使用<kbd>ctrl+x</kbd>复制代码，然后使用<kbd>ctrl+shift+v</kbd>将复制的代码粘贴到需要的地方。</p>
<pre>
<li></li>
<li></li>
<li></li>
<li></li>
</pre>
<code> <li></li></code>
0 2-15 代码（一）
2015-11-07
teddymail
<p>请使用<kbd>ctrl+x</kbd>复制代码，然后使用<kbd>ctrl+shift+v</kbd>将复制的代码粘贴到需要的地方。</p>
0 2-15 代码（一）
2015-11-07
teddymail
<dl class="dl-horizontal">
<dt>标题一：</dt>
<dd>描述内容</dd>
<dt>标题二：</dt>
<dd>描述内容</dd>
</dl>
0 2-14 列表--水平定义列表
2015-11-07
首页上一页370371372373374375376下一页尾页
开始学习
课程须知
本教程适合具有一定前端基础的人员，对HTML和CSS有一定的了解，对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么？
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消