css - 如何在 bootstrap 网页上垂直分割 div?

标签 css twitter-bootstrap responsive-design

我正在使用以下内容构建响应式页面: http://www.bootply.com/2sfiCehqac

我需要做的是,只要屏幕是中型或大型: 1)div_left和div_right(橙色和蓝色)都需要匹配它们之间的图像高度 2)div1和div2平分div_left的高度,div3和div4平分div_right的高度

我已经能够使用表格达到预期的效果,但在这样做时我失去了已经存在的小屏幕格式。

最佳答案

经过一些搜索和测试,我能够拼凑出以下解决方案:

http://www.bootply.com/PISl9rq5Tc

关于css - 如何在 bootstrap 网页上垂直分割 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41071045/

相关文章:

javascript - 导出为 SVG 时在 amcharts.com 图表标题中为工件下划线

jquery - 老问题 : how to make jQuery Mobile Page cover the full screen height only when screenHeight is greater than page height

html - 制作类似于 Windows 资源管理器的下拉树形菜单

php - Yii Booster - 包含进度条时的 td 单元格高度

css - 为什么 CSS 在 Android 上无法正常工作?

css - 如何使子 div 出现在定义了 'overflow' 的父 div 之上?

css - HTML5 网站按钮重叠

html - Bootstrap 导航栏 - 右边搞砸了

twitter-bootstrap - 在 Bootstrap 中调整按钮大小响应

html - @Media 图像设计