Войти Регистрация

Вход на сайт

Логин *
Пароль *
Запомнить меня

Зарегистрироваться

Поля, отмеченные звездочкой (*) обязательны для заполнения.
Ваше имя *
Логин *
Пароль *
Повторите пароль *
E-mail *
Повторите e-mail *
  • English
  • Русский

(050) 492 38 31
(050) 343 90 48

Статьи

Создание адаптивного шаблона Joomla с использованием Bootstrap. Часть 3. Знакомство с системой разметки Bootstrap

Опубликовано: 27.09.2017

В этой статье я расскажу о том, как с помощью Bootstrap создавать в шаблоне Joomla фиксированные и плавающие адаптивные блоки под модули и компонент Joomla.

После того, как мы узнали, что такое Bootstrap и познакомились с основными принципами его использования, пришло время рассмотреть систему разметки Bootstrap и ее применение в шаблонах Joomla.

В этой статье я расскажу о том, как с помощью Bootstrap создавать в шаблоне Joomla фиксированные и плавающие адаптивные блоки под модули и компонент Joomla.

Основы разметки Bootstrap.

Первым делом рассмотрим основной принцип построения сетки Bootstrap для html-страницы. Если вы поймете его, то все остальное будет уже частностями. Построение сетки – самое главное.

Для начала, неплохо было бы понять, что вообще такое Сетка ? В английском языке она называется Grid . Проще всего ассоциировать сетку с обычной таблицей, которую мы привыкли видеть в Word’е. Главное отличие – сетка строится не ячейками таблицы, а DIV’ами , или, проще говоря, блоками.

Все мы играли в морской бой. Бумажка, поле 10х10 клеток, на котором нужно расставить корабли. Корабли состоят из одной и более клеток. Точно также можно строить базовую разметку шаблона с помощью Bootsotrap, разница только в том, что поле здесь 12 х N клеток, где N любое целое число от 1 до бесконечности.

Давайте посмотрим на картинку:

Первая строчка – 12 однопалубных кораблей, вторая – 1 восьмипалубный и один четырехпалубный корабль, третья – 3 четырехпалубных корабля, 4 – 2 шестипалубных.

Bootsrap позволяет нам создать любое количество кораблей от 1 до 12 палуб. Главное условие – общее число палуб в строке должно быть 12.

Новости

Где купить объектив для телефона

Так как я очень люблю фотографировать и работаю фотографом, недавно стала искать объектив для телефона. Хоть и имею телефон с довольно хорошей камерой, телефон не передаёт достаточного качества снимка.

Ремонт айпад киев
Поломка любимого планшета часто становится настоящей трагедией для владельца. Хотя в интернете существует множество советов по восстановлению работоспособности устройства, ремонт iPad следует доверять

Где купить картриджи и чернила
Современное электронное оборудование, в том числе и офисное, отличается высокой надежностью, но в то же время, требует ухода и использования расходных материалов только самого высокого качества. Конечно,

Взять кредит в Белой Церкови
Если у вас уже был кредит с плохой кредитной историей в Белой Калитве, то, наверняка, необходимость повторного обращения за заемными средствами вызывает некоторые опасения, поскольку в такой ситуации

Уроки вокала для начинающих
Если вы всегда мечтали научиться петь, но до сих пор так и не решились, самое время записаться на уроки вокала для начинающих в школу Ларисы Кудрявцевой. Для того, чтобы освоить вокал, поставить голос

Какое напряжение подается через USB разъем?
И с каких именно контактов это напряжение можно снимать? А то столько usb-устройств развелось, которые только напряжение и используют. Вентиляторы всякие,

Блог о рыбалке
Сначала, вам стоит достигнуть  того, чтоб веб-сайт появился в базах самых  популярных поисковых машин — в особенности это касается поисковика Yandex. Обратите внимание на то, что как улучшить

Россия построит канал Каспий - Черное море
Россия поддерживает строительство судоходного канала «Евразия» от Каспия до Черного моря и готова приступить к разработке технико-экономического обоснования. Об этом вчера заявил посол России в Казахстане

Путь в Черное море: какие реки впадают
Одно из самых отдаленных от мирового океана морей - Черное. Оно расположено в глубине материка и соединяется с Атлантическим океаном через проливы. По его берегам расположены Украина, Румыния, Россия,

Гидрографическая карта Черного моря
СКАЧАТЬ ФАЙЛ DOWNLOAD (4.48Mb) · Скриншот · Распечатать · Написать автору Карта глубин Черного моря. Черное море - внутреннее море Атлантического океана, омывает

67570, Украина,
пгт Черноморское,
Коминтерновский район,
Одесская обл.
+38 050 343 90 48, +38 050 492 38 31


Как к нам проехать...

rss