При работе с фреймворком Bootstrap обычно сталкиваются с тремя основными проблемами:
- Как поместить контент внизу колонки?
- Как создать многорядную галерею колонок одинаковой высоты в одном .row?
- Как центрировать горизонтально несколько колонок, если их суммарная ширина меньше 12 единиц и оставшаяся ширина нечетна?
Для решения первых двух проблем, необходимо скачать небольшой плагин.
Решение третьей проблемы подсмотрено здесь.
Общий код
<style>
[class*=col-] {position: relative}
.row-conformity .to-bottom {position:absolute; bottom:0; left:0; right:0}
.row-centered {text-align:center}
.row-centered [class*=col-] {display:inline-block; float:none; text-align:left; margin-right:-4px; vertical-align:top}
</style>
<script src="assets/conformity/conformity.js"></script>
<script>
$(document).ready(function () {
$('.row-conformity > [class*=col-]').conformity();
$(window).on('resize', function() {
$('.row-conformity > [class*=col-]').conformity();
});
});
</script>
Читать дальше →
Выравнивание в Bootsrap
Source: habrahabr
