Курсы по программированию

Формула программиста

основатель — Волосатов Евгений Витольдович
Поздравляю с 1 сентября! Система начисления Байтов работает.

 17947

-- Dmitry Sinitsin

Закрыть

Портфолио на Bootstrap / Структура сайта и сетка

  • На этом уроке мы создадим общую структуру сайта портфолио
    и поработаем с сеткой - адаптивной мобильной резиновой системой разметки
  • Дата отправки отчёта: 31 августа 2018 г.
  • Задание выполнено: за 1 час. 15 мин.
  • Чему научился: лишний раз повторили - правила для CSS
    тегу пиши название сразу
    идентификаторы (id) пиши с решетки #
    классы пиши с точки.
    Отличие атрибута id от атрибута class:

    id - присваивается уникальному элементу.
    Элемент может иметь только один ID.
    При иcпользованиее одинаковых ID более, чем один раз - валидации кода страницы не видать, как своих ушей царя Мидаса.

    класс - это агрегатор свойств, применяемый к группе элементов.
    Допустимы одинаковые классы для разных элементов.
  • Оценка видео-уроку:
Отчёт от 17947 за Портфолио на Bootstrap / Структура сайта и сетка

Отчёт от 17947 за Портфолио на Bootstrap / Структура сайта и сетка



Оцени работу

 
Сохранить страницу:

17425. --
ser2018
ser2018
ответить
→  Dmitry Sinitsin  # Портфолио на Bootstrap / Структура сайта и сетка / 2018-08-31 10:44

Еще несколько классов для одного тега пишутся через пробел,
если так будет что в html коде будет два одинаковых id, то javascript возьмет первый элемент , второй проигнорируется, но ошибки не будет


791. --
Валерий Жданов
Валерий Жданов
ответить
→  Dmitry Sinitsin  # Портфолио на Bootstrap / Структура сайта и сетка / 2018-09-01 08:06

"своих ушей царя Мидаса" - круто прозвучало))) Но объяснение абсолютно точное!


17947. --
Dmitry Sinitsin
Dmitry Sinitsin
ответить
# Портфолио на Bootstrap / Структура сайта и сетка / 2018-09-01 09:01

Bootstrap 3 автоматически подгоняет контент страницы под размер экрана.
Все JavaScript-плагины требуют jQuery для работы.
Адаптивность можно отключить вручную и установить необходимую Вашему проекту ширину и высоту объектов.
По умолчанию текстовые элементы форм и ввода имеют минимальное количество применимых CSS-правил.
Классы .container и .row - всегда резиновые.
Изображения, в отличие от второй версии, не адаптивные по умолчанию. Используйте класс .img-responsive для адаптации размера элемента <img>.
Иконки теперь имеют класс - .glyphicon, так же теперь они основаны на шрифте (т.е. векторные). Иконки так же должны быть дополнены двумя классами (прим.: .glyphicon .glyphicon-asterisk).


  • Отчёт оценивали:
    17606. Виктор+1   17425. ser2018+1   17663. Oleksandr+1   9014. Николай Денисов+1   12464. Татьяна+1   11589. Yefim+1   4814. Дмитрий+1   3922. Александр+1   16218. Дмитрий+1   19525. Александр Балбашов+1   18493. Evgenii Kudriavtcev+1   Посетитель+1   791. Валерий Жданов+1   17947. Dmitry Sinitsin+1   459. Сергей Сергеевич+1   10494. Алексей В.+1   6452. Кирилл Шмойлов+1   17255. Слава+1   7119. Новопашин Владимир+1  

Начинаем практику по языку C#





Если вы пришли без приглашения -
введите тысяча двадцать четыре (цифрами).
Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.
9752. chokayes / Портфолио на Bootstrap / Структура сайта и сетка


Научился: Урок понравился. Глядишь так и верстку полюблю. ) id уникален, а класс говорит сам за себя, с 2016 года много воды утекло, есть некоторые изменения в бутстрапе

10365. Rita / Портфолио на Bootstrap / Структура сайта и сетка


Научился: id - это уникальное название которое можно использовать только один раз и только к одному элементу class - это универсальное название, применимое ко всем объектам в которых я хочу видеть те же стили