-
bootstrap组件导航
查看全部 -
<meta> 可控制页面样式大小查看全部
-
验证像素高的视网膜屏，避免出现字体和边框变粗的情况
查看全部 -
<meta name="viewport" content="width=device-width,initial-scale=0.5（设置网页初始化时的大小）,maximum-scale=1,minimum-sacle=1,user-scalable=no(是否允许用户放大缩小操作，“yes”时max和min 生效)">
查看全部 -
大标题 . h1-.h6(36px-12px） 小标题 small查看全部
-
下拉菜单的标签
查看全部 -
col-lg-3
大屏占比为1/3
查看全部 -
@media screen and...
查看全部 -
bootstrap查看全部
-
jetstrap 开发工具查看全部
-
查看全部
-
【Bootstrap中的排版】
【文本】
段落：p标签——默认：14px;行高：20px；底部外边距：10px
【对齐】
class = "text-left":左对齐
class = "text-center":居中对齐
class = "text-right":右对齐
【大小写】
class = "text-lowercase":字母小写
class = "text-uppercase":字母大写
class = “text-captialize”:首字母大写
【标签】
<mark>强调文字，底边变黄，高亮标记</mark>
<del>删除文字，中间有横线</del>
<ins>标记插入，下划线</ins>
<u>下划线</u>
<small>副标题，文字变小，字体比标签外的字体变小</small>
<strong>标签加粗字体</strong>
查看全部 -
@media screen查看全部
-
听了，还有有收获的，老是辛苦了
查看全部 -
分页：常用于图片、文字等的分页情况。
属性
属性详情
pagination
父元素中添加表示分页
pager
放置在翻页区域，与pagination相对
previous
把链接向左对齐
next
把链接向右对齐
page-header
分页底部线 *同样也可以使用-lg/sm显示按钮的大小。
案例截图：
案例代码：
<!--正常分页样式-->
<ul class="pagination">
<li class="active"><a href="">首页</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">尾页</a></li>
</ul>
<!--正常分页样式 end-->
<!--翻页样式-->
<div class="page-header" >
<ul class="pager">
<li class="previous"><a href="">上一页</a></li>
<li class="next"><a href="">下一页</a></li>
</ul>
</div>
<!--翻页样式 end-->
查看全部
举报