bootstrap结合自定义css和内联布局测试
2016-12-17 22:50
507 查看
<div class="row tb_box testbg" style="max-width:768px;margin:0 auto;">
//bootstrap的container下的row 然后是自定义的testbg类加上内联的style最大宽度和div块居中margin:0 auto,是自适应的wap块受到了控制,然后就把这些都在写会css中。
<div class="col-xs-6 indexrecompic">
<a href="views.html"><img class="tb_pic img-circle img-left" src="img/0d86960d-20b5-4dd3-afee-8453b5ea5e95.jpg" style="width:100%;"></a>
</div>
<div class="col-xs-6">
<a class="text-info h5" href="views.html">描述文字描述文字描述文字描述文字描述文字描述文字描述文字描述文字描述文字描述文字描述文字</a>
</div>
</div>
//bootstrap的container下的row 然后是自定义的testbg类加上内联的style最大宽度和div块居中margin:0 auto,是自适应的wap块受到了控制,然后就把这些都在写会css中。
<div class="col-xs-6 indexrecompic">
<a href="views.html"><img class="tb_pic img-circle img-left" src="img/0d86960d-20b5-4dd3-afee-8453b5ea5e95.jpg" style="width:100%;"></a>
</div>
<div class="col-xs-6">
<a class="text-info h5" href="views.html">描述文字描述文字描述文字描述文字描述文字描述文字描述文字描述文字描述文字描述文字描述文字</a>
</div>
</div>
相关文章推荐
- bootstrap结合自定义css自适应布局
- extjs的css效果及与传统布局结合下的panel的使用及表单提交
- div结合css布局bbs首页
- Android布局文件.xml中的自定义属性(结合封装的自定义View)
- [置顶] css设置标签的水平与垂直居中,定位与弹性盒布局的的结合
- android listView 自定义布局结合CheckedTextView实现多选
- 在DW8中创建自定义代码片段--提高CSS布局开发效率
- BootStrap--CSS布局--表格
- [Bootstrap]7天深入Bootstrap(3)CSS布局
- 仿QQ电话/消息切换的自定义布局结合Fragment解决你的需求!
- BootStrap--CSS布局--列表
- extjs的css效果及与传统布局结合下的panel的使用及表单提交
- Android 自定义View及其在布局文件中的使用示例(三):结合Android 4.4.2_r1源码分析onMeasure过程
- android listView 自定义布局结合CheckedTextView实现多选
- bootstrap+css进行页面布局
- div结合css布局bbs首页(div+css布局入门)
- 自定义分页标签结合spring mvc、bootstrap、mybatis、mysql的使用
- BootStrap入门教程 (一) :手脚架Scaffolding(全局样式(Global Style),格网系统(Grid System),流式格网(Fluid grid System),自定义(Customing),布局(Layouts))
- Bootstrap的常用类(CSS和布局组件)的总结
- BootStrap--CSS布局--代码