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

玩转Bootstrap(基础)

把缩写词整理成全词 好记忆之 sr = screen reader
reponsive 应答的扎敏感的

这里怎么不贴源码?
condensed 浓缩的
.table-striped > tbody > tr:nth-child(odd) > td, //类名为table-striped的元素的》第一个tbody子元素的》偶数子元素》的第一个td子元素
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th
@ymx风筝
我想这是在用emmet插件
斑马斑马 你在哪儿呀呀 斑马不是zibra吗哈哈真学到一个新词 striped
table-hover就是把颜色加深啦 不过总比自己慢慢写好
over-flow-y:scroll
y轴滚动
pre=preview?
kbd=keyboard?
dl、dt、dd数据列表

现在让我们来看看使用了HTML dl、dt、dd标签的数据列表。首先我们使用dl(definition list-自定义列表)标签来容纳整个数据结构,然后我们使用dt(自定义标题)标签和dd(自定义描述)标签来容纳数据中的标题和内容。
dl=dfine list dt=define tittle dd=define description?
事实上,使用HTML的dl、dt、dd标签会让你节省更多的代码,更能让代码符合内容的语义化。当然,table也有它的用武之地,那就是很大数据量的数据表,但是小型的数据列表和表单完全可以不使用table哦!
我用链接按钮试了一下,好像都被禁了
将任何 .table 元素包裹在 .table-responsive 元素内,即可创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。当屏幕大于 768px 宽度时,水平滚动条消失。
<ul class="list-unstyled">
<li>城市:</li>
<li>
<ul class="list-inline">
<li>北京</li>
<li>上海</li>
<li>南京</li>
<li>厦门</li>
</ul>
</li>
</ul>
看完这个就找个文档来背吧,背熟了就掌握了
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消