背景颜色＆amp; div / stretch div的高度

Question

我是bootstrapper的新手，对css样式不是很好。我需要灰色条在主页上向左伸展。我不确定我做错了什么http://www.webconstruct.co.za/wis/terms.asp提前致谢。

Answer 1

不幸的是，这对CSS来说并不容易。我用jQuery解决了这个问题。

$(function(){
    $('#leftcolmn').height($('#rightcolmn').height());
    $(window).resize(function(){
        $('#leftcolmn').height($('#rightcolmn').height());
    });
});

如果在要修改的两列上有一些类或ID并从中获取值，则此解决方案可以更好地工作。

代码：

$(function(){

});

功能完全相同：

$(document).ready(function(){

});

Answer 2

使用Flexbox（在Bootstrap 4 alpha中可用） - 文章末尾有一个类似布局的例子（不是由Bootstrap制作，但可以这样定制）

更多信息：http://v4-alpha.getbootstrap.com/layout/flexbox-grid/

Answer 3

这可以解决问题，但你必须为所有页面测试它。 .col-sm-3 { margin-bottom: -255%; padding-bottom: 255%; }