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

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

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

Bootstrap-4 первые шаги / Отзывы - стили

  • На этом уроке мы зададим стиль карточкам отзывов
  • Дата отправки отчёта: 11 декабря 2018 г.
  • Задание выполнено: за 21 мин.
  • Чему научился: Добавил стили заголовка и карточек в разделе с отзывами
  • Оценка видео-уроку:
Отчёт от 3922 за Bootstrap-4 первые шаги / Отзывы - стили




Оцени работу

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

19475. --
Konstantin
Konstantin
ответить
→  Александр  # Bootstrap-4 первые шаги / Отзывы - стили / 2018-12-11 11:37

Наверное буду проходить курс по B4. По B3 не вижу смысла по следующим причинам (Хотя лектор мне импанирует, и хочется пройти курс, только из-за него):
FlexBox вместо Float
В прежних версиях сетка Bootstrap использовала метод Float, однако теперь она базируется на технологии FlexBox. Преимущество такого решения состоит в том, что если раньше при контенте разного объёма блоки отличались по высоте, то теперь при разной длине текста, колонки будут иметь одинаковую высоту. Из-за этого оформление портала смотрится симпатичнее.
Теперь больше нет компонентов wells, thumbnails и panels. Вместо них работает гибкий элемент Card. Данный инструмент включает в себя все возможности предшественников. Благодаря ему можно создавать сетку из отдельных карточек и формировать «кирпичную кладку».
Теперь Bootstrap-4 работает на IE10, а для IE8/IE9 нужно использовать третью версию.
Bootstrap больше не работает с LESS, зато вместо него используется SASS, из-за чего программа стала функционировать быстрее.
Для поддержки кроссбраузерности функционирует «Reboot», работающий на ядре «Normalize.css».
Изменились и другие компоненты, а также плагины jQuery и прочие скрипты.
Нововведений в Bootstrap-4 очень много, но наиболее важные из них следующие:
1. Увеличилось количество базовых цветов с 6 до 8 штук.
2. Разработчики отказались от пикселей в пользу em и rem.
3. Глобальный шрифт сменился с 14px на 16px.
4. Фреймворк отказался от иконочного шрифта Glypicons, так что теперь придётся использовать SVG.


1. --
Евгений Волосатов
Евгений Волосатов
ответить
→  Александр  # Bootstrap-4 первые шаги / Отзывы - стили / 2018-12-11 11:40

Спасибо, отличные доводы.


3922. --
Александр
Александр
ответить
→  Konstantin  # Bootstrap-4 первые шаги / Отзывы - стили / 2018-12-11 11:55

Приветствую, Konstantin! Спасибо за полезную информацию!


791. --
Валерий Жданов
Валерий Жданов
ответить
→  Александр  # Bootstrap-4 первые шаги / Отзывы - стили / 2018-12-11 20:02

Отлично получилось, Александр (а твоя Марта Иванова помоложе моей ))) )


791. --
Валерий Жданов
Валерий Жданов
ответить
→  Konstantin  # Bootstrap-4 первые шаги / Отзывы - стили / 2018-12-11 20:11

Konstantin, спасибо за полезную информацию! Кстати, cards тут как раз и использован.


  • Отчёт оценивали:
    19327Yury+1   19475Konstantin+1   1Евгений Волосатов+1   17947Dmitry Sinitsin+1   9752chokayes+1   11353AlliZzeN+1   20528Геннадий Кравцов0   13417Chip+1   9913vip+1   8275Tekashnik+1   4248Абдула0   19525Александр Балбашов+1   791Валерий Жданов+1   10494Алексей В.+1   17606Виктор+1   3747Сергей+1   19384Владимир+1  

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





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

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

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

Ты в любой момент сможешь отписаться от рассылки.


Научился: добавить стили для блога, заголовка, карточек и изображений, задать стиль карточки и курсора мыши при наведении



Научился: Сейчас анализирую количество пройденных уроков по B4, и что удивительно из всего B4 узнал больше о CSS, чем о B4. Каждый раз бесценные вещи. Очень благодарен курсу. Изменил задачу оставил тень при наведении мыши, что бы тень появлялась... Так интересней. Спасибо Валерию, что разрешает творчески ко всему подходить..