How to make bootstrap column height to 100% row height? [duplicate]

Answer 1

You can solve that using display table.

Here is the updated JSFiddle that solves your problem.

CSS

.body {
    display: table;
    background-color: green;
}

.left-side {
    background-color: blue;
    float: none;
    display: table-cell;
    border: 1px solid;
}

.right-side {
    background-color: red;
    float: none;
    display: table-cell;
    border: 1px solid;
}

HTML

        

            
sdfsdf
            
sdfsdf
            
sdfsdf
            
sdfsdf
            
sdfsdf
            
sdfsdf
        
        

            asdfdf