-
Bootstrap下载地址查看全部
-
Bootraps使用要根据自己需要进行相应的选择,插件很多,同时也可以使用自己的插件查看全部
-
meta标签中的viewport查看全部
-
form->form-inline 它的所有元素是内联的,向左对齐的,标签是并排的,水平排版 div->form-group 将label和input(或其他)组合成一个组件 input->input-lg/sm 改变输入框大小 html5特性: placeholder 给用户输入一个提示 input->form-control 圆角方框发光 label->sr-only 取消提示信息 label-> control-label 可更改相关样式 div->has-successs/waring has-error等可改变颜色 (label等元素中要有control-label)查看全部
-
讲的好简单查看全部
-
讲得很好,努力学习查看全部
-
形状图片查看全部
-
表格的样式查看全部
-
.panel 代表面板 .panel-heading 代表面板 .panel-body 代表面板内容 .panel-footer 代表面板的注脚 <body> <div class="panel panel-success"> <div class="panel-heading"> 弹出层! </div> <div class="panel-body"> 这是面板的具体内容 </div> <div class="panel-footer"> 脚注 </div> </div> </body>查看全部
-
进度条-------progress progress-bar progress-bar-danger progress-bar-striped 进度条渐变 <body> <div class="progress"> <div class="progress-bar progress-bar-danger progress-bar-striped" >20%</div> <div class="progress-bar progress-bar-success progress-bar-striped" >40%</div> </div> </body>查看全部
-
1. .pagination在父元素中添加表示分页 2. .pager放置在翻页区域 3. .previous把链接向左对其, .next把链接向右对其。 </head> <body> <nav> <ul class="pager"> <li class="previous"><a href="http://www.imooc.com/">向左</a></li> <li class="next"><a href="http://www.imooc.com/">向右</a></li> </ul> <ul class="pagination pagination-lg"> <li class="active"><a href="http://www.imooc.com/">1</a></li> <li><a href="http://www.imooc.com/">2</a></li> <li><a href="http://www.imooc.com/">3</a></li> <li><a href="http://www.imooc.com/">4</a></li> <li><a href="http://www.imooc.com/">5</a></li> </ul> </nav> <!-- pagination-lg 变大 pagination-sm 变小 --> </body>查看全部
-
user-scalable="no" 是否支持缩屏 maximum-scale=1 最大扩屏倍数 minimum-scale=1 最小扩屏倍数查看全部
-
放大缩小查看全部
-
data-dropdowm 事件查看全部
-
@media sreen and (max-width:900px){} 不同分辨率给予不同样式。查看全部
举报
0/150
提交
取消