Перейти к содержимому


Внимание!

На форуме можно зарегистрироваться в два клика, используя социальную сеть Вконтакте. Для этого нажмите сюда.


Фотография

Простейшие шаги


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Ruslan

Ruslan

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 26 Ноябрь 2017 - 11:15

Приветствую всех. Решил вот освоить bootstrap и адаптивную верстку. Помогите пожалуйста освоить простейшие шаги. Вот есть страница superhelper.ru/temp. Хочу для начала шапку подшаманить. Что бы на телефоне в начале выводился логотип, ниже социальные кнопки и затем еще ниже форма поиска. Я добавил классы блокам, но на телефоне никаких изменений не произошло.


  • Igorekenush это нравится

#2 Ruslan

Ruslan

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 27 Ноябрь 2017 - 09:01

Я разобрался почему они не располагались друг под другом.

Но как мне сделать так, что бы на больших экранах социальные кнопки были слева, лого был по центру, а форма поиска справа. А на маленьких экранах все эти элементы были слева.. Там ведь margin'ны у всех разные.


  • Igorekenush это нравится

#3 blacker

blacker

    Продвинутый пользователь

  • Администраторы
  • 309 сообщений
  • ГородАнапа

Отправлено 27 Ноябрь 2017 - 23:32

Разберитесь с системой разметки. Дока тут: http://bootstrap-3.ru/css.php#grid


  • Igorekenush это нравится
AiKi Engine - www.digiport.ru




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных