Bootstrap, из Twitter, является самой популярной фронтальной структурой в настоящее время. Bootstrap основан на HTML, CSS и JavaScript. Это просто и гибко, что делает веб -разработку быстрее.
Ключевые моменты для обучения:
1. Компонент пути
2. Компоненты лиц
3. Tag Components
4. Компоненты значка
На этом уроке мы в основном узнаем о четырех компонентных функциях начальной загрузки: компонент пути, компонент пейджинга, компонент метки и компонент значка.
один. Компонент пути
Компонент Path также называется навигацией Breadcrumb.
// Навигация по хлебной кошельке
два. Компоненты страниц
Компонент пейджинга может обеспечить функциональность на страницах отображения.
// страна по умолчанию <ul> <li> <a href = "#"> «</a> </li> <li> <a href ="#"> 1 </a> </li> <li> <a href ="#"> 2 </i> </li> <li> <a href ="#"> 3 </a> href = "#"> 4 </a> </li> <li> <a href = "#"> 5 </a> </li> </ul> // предпочтения и отключает <li> <a href = "#"> 1 </a> </li> <li> <a href = "#"> 2 </a> </li> // set size, o href = "#"> 2 </a> </li> // set, четверо lg, href = "#" Effects <ul> <li> <a href = "#"> 1 </a> </li> </li> // Установить размеры, четыре LG, по умолчанию, SM и XS <ul> // Эффекты поворота страницы <ul> <li> <a href = "#"> предыдущая страница </a> </li> <li> <a href = "#"> Следующая страница </a> </li> <li> <a href = "#"> <ul> <li> <a href = "#"> предыдущая страница </a> </li> </ul> // Отключить пункт поворота страницы <li> <a href = "#"> предыдущая страница </a> </li>
три. Этикетка
//Tags with the tag <h3> tag <span>new</span></h3> //Tags of different tones <h3> tags <span>new</span></h3><h3> tags <span>new</span></h3><h3> tags <span>new</span></h3><h3> tags <span>new</span></h3><h3> tags <pan> новый </span> </h3>
Четыре значок
// Непрочитанная информация Значок количества <a href = "#"> Информация <pran> 10 </span> </a> // Использование значка в кнопке <Tood> отправить <PAN> 3 </span> </button> // Состояние активации автоматически адаптирует тону href = "#"> Информация </a> </li> </ul>
Выше приведено путем тега страдания и составляющего значка компонента начальной загрузки, представленного вам редактором. Я надеюсь, что это будет полезно для всех!