9.4. Подготавливаем мобильную версию сайта на теме Bootstrap на Drupal 8.

PSD макет:

http://drupalbook.ru/sites/default/files/blueasy-freebie.zip

Исходный код:

https://github.com/Drupalbook/bootstrap

Демо:

http://dev-blueasy.pantheonsite.io/

Open Sans шрифт:

https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans:300,400,700&selection.subset=cyrillic

Для настройки xdebug используйте эту статью:
http://drupalbook.ru/drupal/nastroyka-xdebug-v-open-server-dlya-phpstorm

В результате у нас в конце урока будет шапка сайта.

Десктоп:

Мобильная версия:

 

ВложениеРазмер
Package icon PSD макет26.97 МБ

Комментарии

Добавить комментарий

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.

А что делать, если контент

А что делать, если контент страницы радикально отличаются для десктопной и мобильной версии? Допустим, должен быть разный набор блоков. Есть ли для Bootstrap возможность включать и отключать блоки при переключении между версиями? Если да, то через что делается этот переключатель?