[MUSIC]
Давайте кратко обсудим таблицы загрузки.
Что делает бутстрап для таблиц стилей, которые мы включаем в наши веб-страницы?
Мы также рассмотрим другой компонент bootstrap, называемый bootstrap card,
который является очень универсальным компонентом для отображения контента.
Может быть много случаев, когда вы хотите представить табличное содержимое
на вашей веб-странице.
Таблицы были в основном разработаны для
этой цели, но вскоре после того, как
дизайнеры веб-страниц захватили таблицы в использование для
проектирования и размещения контента на страницах.
Потому что изначально исходный HTML не имел
возможности правильно размещать содержимое на веб-странице.
Конечно, с появлением макетов на основе сетки, таких как сетка начальной загрузки,
таблицы были включены в таблицы.
И все чаще люди предпочитают не использовать таблицы в
качестве основного вида компоновки контента на веб-страницах.
Для этой цели лучше разработаны макеты на основе сетки.
Вот пример того, что мы можем сделать со стандартной таблицей HTML,
используя несколько классов, которые bootstrap обеспечивает для стилей таблиц.
Таким образом, вы можете видеть, что набор отдельно, отображая
его в более темном цвете, а затем сами строки подсвечиваются
путем отображения альтернативных строк с различными резервными копиями.
Таблица, используемая в начальной загрузке на основе этой страницы,
аналогична тому, как вы используете таблицы в стандартных HTML-страницах.
Но, конечно, вы применяете таблицу классов, которая
поддерживается в bootstrap к стандартной таблице tech.
Кроме того, bootstrap предоставляет множество различных классов для стилизации таблиц, таких как
таблица полосатый для зебры полосатых таблиц, как мы видели в примере ранее.
Точно так же, у нас есть стол, граничащий с границами.
Столы, стол-наводка, стол-см для столов с подкладкой ячеек разрезаны попополам.
И аналогичным образом, табличный отзывчивый может быть применен к div вокруг таблиц, так
что таблицы могут быть сделаны отзывчивыми там, где он отображается на меньших размерах экрана.
Затем таблицы смогут прокручивать горизонтально и вертикально.
Кроме того, вы можете применить фоны к отдельным строкам таблиц или
самим целым таблицам.
Вот несколько примеров того, как вы можете применить
цвет фона к определенной строке или определенной ячейке в таблице.
Другим универсальным компонентом, который доступен в bootstrap
, является карта загрузки.
Иногда вы можете выделить некоторое содержимое на вашей веб-странице.
Так вот где бутстрап приходит вам на помощь.
В Bootstrap карта является универсальным компонентом, который позволяет
отображать контент в myriads способов.
Вы заметите, что это позволяет вам иметь заголовки для карт.
Вы также можете включать изображения в карты.
Вы можете включать изображения в фоновом режиме карточек.
Вы даже можете изменить цвета фона карт.
Многие функции поддерживаются картами.
Вот несколько примеров карт, которые мы увидим в упражнениях позже.
Мы также увидим более универсальных нас карт в последующих упражнениях и
других курсах в этой специализации.
Карта является очень важной компанией, которая может быть эффективно использована для
отображения контента.
Пришло время перейти к следующему упражнению, где мы будем использовать таблицы и
карты для отображения некоторого контента на нашей веб-странице.
[ МУЗЫКА]