Bootstrap: align elements to bottom of column

前端 未结 1 1150
野的像风
野的像风 2021-01-26 12:48

To explain it in a short way, this is what I\'m trying to achieve: http://www.bootply.com/Muh7eahFC8#

A responsive design, with three columns, and a button at the bottom

相关标签:
1条回答
  • 2021-01-26 13:17

    Can't remember where I got this snippet from but this will make your columns the same height:

    .row {
        display: table;
    }
    
    [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
    

    Then with a couple of tweaks, you can force the anchors to be fixed to the bottom of the div.

    http://www.bootply.com/crLlXiiKqk

    0 讨论(0)
提交回复
热议问题