-
class .nav 无序列表 .nav-tabs 可切换的导航 .nav-pills 胶囊导航 .nav-justfiled 使导航垂直查看全部
-
btn 圆角查看全部
-
栅格系统查看全部
-
由@media screen，到栅格机制的使用查看全部
-
內联元素显示标题查看全部
-
twitter查看全部
-
大标题： H1~H6 小标题用<small></small>标签 例如： <h1>大标题<small>小标题</small></h1>查看全部
-
bootstrap 表格查看全部
-
p标签查看全部
-
字体图标glyphicon 星形glyphicon-star 使用span标签进行包装，引入想要使用字体图标的类名。需要在head引入bootstrap.min.css。 <div class="btn-group"> <button class="btn btn-control btn-default"> <label class="glyphicon glyphicon-circle-arrow-down">download</label> </button> </div>查看全部
-
bootstrap组件-怪异的属性： 1、role： HTML5的标签属性，标识普通标签使其语义化，方便浏览器对其具体功能进行识别，给特定的浏览器使用比如盲文浏览器。 2、aria-label：用在输入框，当焦点落到输入框时读屏软件可读出输入框的内容，配合读屏软件使用。 3、tabIndex：设置键盘的Tab键在控件中的移动，就是焦点的移动顺序，方便一些有障碍的人士浏览网页。 4、data-：HTML5新增的用于自定义的属性，不影响页面显示，管理自己想要实现的数据传递，包括数据交互的一些效果。涉及组件交互，比如下拉菜单、点击等。 本章节跳过1/2/3属性，会涉及4、data-。查看全部
-
组件有：查看全部
-
组件定义：查看全部
-
1.不同屏幕显示不同效果 <style> .test{height: 200px; background: red;} @media screen and (max-width:900px;)and (min-width:500px) { .test{ width:100%;height: 1000px; background: blue; } } </style> </head> <body> <div class="test"></div> </body> 2.栅格 <style> .test{height: 200px; background: red;} </style> </head> <body> <div class="test col-lg-3 col-md-4 col-sm-6 col-xs-12 col-lg-offset-3 col-md-ossset-4"></div> 分为12等份，在超大屏幕中占1/4（3/12），普通pc屏占1/3（4/12），平板1/2（6/12），手机1/1（12/12），超大屏幕中(向左？)偏移1/4（3/12） 普通（向左？）偏移1/3（4/12） </body>查看全部
-
响应式网页的特点查看全部
举报
0/150
提交
取消