首页 > 其他 > 详细

bootstrap的栅格布局与两列布局结合使用

时间:2016-12-12 23:42:05      阅读:171      评论:0      收藏:0      [点我收藏+]

     在工作中我们常常需要实现响应式布局,这个可以使用bootstrap的栅格系统来实现,我们在列里也需要实现一部分的响应式。比如下面的效果图,需要实现左边图标固定,右边的自适应 :

技术分享

     左边固定宽度,右边自适应,这个时候我就想到了两列布局,将左右设置float,左边设置固定宽度,右边的宽度为calc(100% - 左边的宽度),把这两种布局结合使用就可以实现效果。

    

 

bootstrap的栅格布局与两列布局结合使用

原文:http://www.cnblogs.com/yezi-dream/p/6100703.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!