Bootstrap-очень популярная фронтальная каркас. Проще говоря, это набор инструментов для HTML, CSS и JavaScript. Мы можем использовать Bootstrap для создания простого и свежего веб -сайта или программного интерфейса. Благодаря начальной загрузке застройки разработчикам больше не нужно беспокоиться о создании интерфейса переднего интерфейса.
Bootstrap (1) содержит множество веб -компонентов, основываясь на этих компонентах, вы можете быстро создать красивый и полностью функциональный веб -сайт. Он включает в себя следующие компоненты: раскрывающееся меню, группу кнопок, раскрывающееся меню кнопок, навигационную панель, навигационную панель, хлебные крошки, пейджинг, набора, миниатюры, диалоги с предупреждением, панели хода, медиа-диалоги и т. Д.
(2) Он поставляется с 13 плагинами JQERY, которые дают жизнь компонентам в начальной загрузке. К ним относятся: диалоговые окны режима, вкладки, полосы прокрутки, всплывающие окна и т. Д.
Bootstrap был разработан инженерами Twitter в свободное время. После открытия источника на крупнейшем и наиболее популярном сайте с открытым исходным кодом, Github, Xunsu стал наиболее часто обновленным проектом на веб -сайте. Большое количество инженеров активно внесло код в проект, и большое количество веб -сайтов, созданных с использованием начальной загрузки, появилось за короткий промежуток времени. Почему скорость разработки начальной загрузки такая удивительная? Это в основном из -за отличных функций начальной загрузки:
Мобильные устройства предпочтительнее: сначала поместить мобильные функции
Поддержка браузера: все основные браузеры поддерживают начальную загрузку
Легко начать: до тех пор, пока у вас есть основы HTML и CSS, вы можете начать обучение начальной загрузке
Адаптивная дизайн: отзывчивый CSS от начальной загрузки адаптируется к настольным компьютерам, планшетам и мобильным телефонам.
Он содержит мощные встроенные компоненты для легкой настройки
Давайте посмотрим на самую простую страницу, построенную с начальной загрузкой.
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bootstrap 101 Template</title><!-- Bootstrap-> <link href = "css/bootstrap.min.css" rel = "stylesheet"> <!-html5 shim и respond.js IE8 Поддержка элементов HTML5 и медиа-запросов-> <! src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </script> <script src = "http://cdn.bootcss.com/respond.js/1.4.2/resport.min.js"> <! [endif]-> </head> <body> <div> <div> <h1> моя первая страница Boutstrap </h1> <p> Установите размер окна и видите отзывчивый эффект! </p> </div> <div> <div> <h3> столбец 1 </h3> <p> То, что вы изучаете, - это не только технология, но и мечта! </p> <p> Независимо от того, насколько удивительно вы мечтаете, она не может противостоять вашей идиотскому настойчивости! </p> </div> <div> <h3> столбец 2 </h3> <p> То, что вы изучаете, - это не только технология, но и мечта! </p> <p> Независимо от того, насколько удивительно вы мечтаете, она не может противостоять вашей идиотскому настойчивости! </p> </div> <div> <h3> столбец 3 </h3> <p> То, что вы изучаете, - это не только технология, но и мечта! </p> <p> Независимо от того, насколько удивительно вы мечтаете, она не может противостоять вашей идиотскому настойчивости! </p> </div> </div> </div> </body> </html>
Выше приведено первая статья о изучении начальной загрузки, представленной вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!