bootstrap的栅格布局左边固定宽度右边自适应的写法

时间:5年前   阅读:7084

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

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

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:上证50ETF期权投资需要耐心

下一篇:什么样的期权投资心态和技巧能赚钱?

网友评论

请先 登录 再评论,若不是会员请先 注册