Bootstrap, из Twitter, является самой популярной фронтальной структурой в настоящее время. Bootstrap основан на HTML, CSS и JavaScript. Это просто и гибко, что делает веб -разработку быстрее.
Ключевые моменты для обучения:
1. Вспомогательная группа
2. Ответные инструменты
На этом уроке мы в основном узнаем о вспомогательных классах Bootstrap и отзывчивых инструментах. Вспомогательный класс предоставляет набор классов, чтобы помочь в разработке страниц группы, в то время как отзывчивые инструменты используют медиа -запросы для отображения или скрытия определенного контента.
один. Вспомогательный
Bootstrap предоставляет несколько небольших стилей вспомогательных групп с точки зрения макета, которые используются для установки текстовых цветов и цветов фона, отображения близких значков и т. Д.
1. Ситуационный цвет текста
Стиль Стиль Название Описание Текстовое сречно-серое текстовое текст-примир основной синий синий текстовый успех с зеленым текстом-инфу Информация синий текстовый сигнал предупреждение о желтой текстовой опасности Red // шрифты различных тонов <p> Начато Учебник
2. Цвет фона ситуации
Стиль Стиль Название Описание BG-PRIMORY MAIN BLUE BG-SUCCESS SUCCEST ЗЕЛЕНЫ Учебник
3. Кнопка закрытия
<button type = "button"> × </button>
4. Треугольные символы
<pran> </span>
5. Плавать быстро
<div> слева </div> <div> справа </div>
Примечание: этот поплавок на самом деле является поплавком, но он используется! Важно усилило приоритет.
6. Центр уровня блока
<div> Центр </div>
Примечание: это маржа: x Auto; и дисплей: блок; установлен.
7. Очистите поплавок
<div> </div>
Примечание. Этот Div может быть размещен перед плавучим блоком, который необходимо очистить.
8. Покажите и скрыть
<div> Показать </div> <div> скрытый </div>
два. Отзывчивые инструменты
При поиске носителя иногда требуется отображение некоторого контента и скрыта для разных размеров экрана. Класс адаптивных инструментов предоставляет это решение.
// Супер маленький экран активация отображение <div> bootstrap </div> // Супер маленькая активация экрана скрыть <div> bootstrap </div>
Примечание. Существует три варианта для отображаемого контента, а именно: блок, встроенный блок и встроенный.
Выше приведено соответствующее содержание классов вспомогательных групп компонентов начальной загрузки и инструментов адаптивных инструментов, которые редактор представил вам. Я надеюсь, что это будет полезно для вас!