Я пытаюсь получить настройку в Bootstrap, которая будет выглядеть примерно так, где у меня есть текст, выровненный по нижней части изображения:
================================================
| |
| #################### |
| ##THIS IS AN IMAGE## |
| #################### ...And some text! |
| |
================================================
Итак, я пробовал это:
<div class="row">
<div class="col-sm-6">
<img src="~/Images/MyLogo.png" alt="Logo" />
</div>
<div class="col-sm-6">
<h3>Some Text</h3>
</div>
</div>
Но я получаю нечто похожее на это, где текст выровнен по верхнему краю:
================================================
| |
| #################### ...And some text! |
| ##THIS IS AN IMAGE## |
| #################### |
| |
================================================
Я пробовал несколько трюков с позиционированием, чтобы заставить его работать, но когда я это делаю, он ломает мобильность в первую очередь Bootstrap. Когда он рухнул до размера телефона, мне нужно, чтобы он привязался к этому:
==========================
| |
| #################### |
| ##THIS IS AN IMAGE## |
| #################### |
| |
| ...And some text! |
| |
==========================
Так что делать это как таблицу действительно не вариант.
EDIT: Здесь сценарий, любезно предоставленный Джозефом Марикле в комментариях: D http://jsfiddle.net/6WvUY/1/