Создание пользовательской рубрики
Мы сделаем простой заголовок для нашего приложения Cat Photo, поставив заголовок и расслабляющий образ кошки в том же ряду. Помните, что Bootstrap использует гибкую сетчатую систему, которая позволяет легко помещать элементы в строки и задавать относительную ширину каждого элемента. Большинство классов Bootstrap могут быть применены к элементу div
. Гнездо вашего первого изображения и вашего элемента h2
пределах одного элемента <div class="row">
. Настройте свой элемент h2
внутри <div class="col-xs-8">
и ваше изображение в <div class="col-xs-4">
чтобы они находились в одной строке. Обратите внимание, как изображение теперь соответствует размеру, подходящему по тексту?