html - 根据 PSD 划分 Bootstrap 网格系统的问题

标签 html css twitter-bootstrap responsive-design

对于响应式网站开发,我正在使用 Twitter Bootstrap 框架。根据psd容器的总宽度为980px,左 block 宽度为607px,右 block 宽度为373px。

如果我使用 col-md-8 & col-md-4 则无法达到以下宽度。那么有没有办法克服它呢?还是应该让设计师按照网格系统(12列)布局来设计

http://jsfiddle.net/vasanthanvas/h36u8foc/ enter image description here

最佳答案

如果你想为你的网站使用网格,请让设计师用网格设计,因为你很难使用“半网格”布局。

但我认为您的容器应该是 960px 而不是 980px,因为我们可以将 960 除以 2 和 3 而不是 980px。

12 cols on 960 layout : 12 cols of 80px

12 cols on 980 layout : 12 cols of 81.666666667px

关于html - 根据 PSD 划分 Bootstrap 网格系统的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28231083/

相关文章:

html - 使用 Wordpress 循环显示缩略图和摘录

html - Bootstrap 渲染在移动设备上变窄

html - 将图像高度设置为容器高度并保持纵横比

html - 具有响应背景的 Div 内的响应形式

javascript - 如何通过响应式调整大小来重复 HTML 中的字符?

html - Accordion 菜单,当我多次重新创建一个元素时,我更改了 id 但功能仍然打开所有元素

html - 如何选择多个圆形DIV元素?

javascript - 以编程方式将所有表单字段设置为 ng-touched 表单提交

html - 在 100vh/100vw div 附近获取边界? (影响div的总宽高)

html - 使 flex 元素在一行中具有相等的宽度