Что такое начальная загрузка?
Bootstrap-это фронтальная структура для быстрой разработки веб-приложений и веб-сайтов. Bootstrap основан на HTML, CSS и JavaScript.
история
Bootstrap был разработан Марком Отто из Twitter и Джейкобом Торнтоном. Bootstrap - это продукт с открытым исходным кодом, выпущенный на Github в августе 2011 года.
Содержимое пакета начальной загрузки
Основная структура: Bootstrap предоставляет базовую структуру с системой сетки, стилем ссылки и фона. Это будет подробно объяснено в разделе Bootstrap Basic Structure.
CSS: Bootstrap поставляется со следующими функциями: глобальные настройки CSS, определение основных стилей HTML -элементов, расширяемого класса и расширенной системы сетки. Это будет подробно объяснено в разделе Bootstrap CSS.
Компоненты: Bootstrap содержит более десятка многократных компонентов для создания изображений, раскрывающихся меню, навигации, предупреждающих коробок, всплывающих ящиков и многого другого. Это будет подробно объяснено в разделе компонентов макета.
Плагин JavaScript: начальная загрузка содержит более десятка пользовательских плагинов jQuery. Вы можете включить все плагины напрямую или один за другим. Это будет подробно объяснено в разделе плагина Bootstrap.
Настройка: вы можете настроить компоненты начальной загрузки, меньше переменных и плагины jQuery, чтобы получить собственную версию.
Давайте перейдем к теме ниже. Для получения подробной информации, см. Ниже:
Код следующим образом (адрес ссылки: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form1-basic.html):
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> Основная конфигурация </title> <link rel = "stylesheet" href = "../ css/bootstrap.css"> <script src = "../ jquery.js" src = "../ lib/bootstrap.js"> </script> <!-Методы инструмента-> <script src = "../ scripts/global.js"> </script> <!-плагин-> <script src = "../ scripts/plugin.js"> </script> </heam> <div> <div> Конфигурация </label> </div> <div> <form action = "#" id = "formContainer"> </form> </div> <div> <babel> Введение </label> </div> <div> <babel> Введение </label> </div> <div> <h3> Поддерживается форма. Custom </h3> </div> </div> <script> $ (function () {var eles = [{ele: {type: 'text', имя: 'username', название: 'username:'}}, [{ele: {type: 'radio', имя: 'sex', заголовок: 'гендер:', элементы: [{text: 'male', value: 1}, {text: 'value: value: 2}]},},}. Имя: 'PLAST', title: 'Пользовательская платформа:', элементы: [{text: 'app', value: 'app'}, {text: 'web', value: 'web'}]}},, ], {ele: {type: «select», имя: «провинция», заголовок: «Провинция: ', withnull: true, элементы: [{text:' guangdong ', значение:' gd '}, {text:' hunan ', value:' hn '}]}}}, {ele: {type:' dateTime ', nametation:' ravelate ', wateratation:', wittation: ' Период: '}}, {ele: {type:' search ', name:' selectname ', title:' select: '}}, {ele: {type:' textarea ', name:' address ', title:' address: '}}, {ele: {pre: {text:' intour type = radio " /> '}, type:' typect: 'tillk Front: '}}, {ele: {next: {text:' <input type = "radio" /> '}, type:' text ', name:' next ', название:' After wehp: '}}, {ele: {pre: {text:' <input type = "fackbox" /> next: {{$ '}, typect: Front и Back: '}},]; // Скрытые элементы формы в основном используются для редактирования.Это в основном следующее раздел JS, и форма формы генерируется через этот раздел JS
Заводные визуализации:
Получить результаты, показанные на рисунке
Выше приведено полное описание программы Bootstrap Smart Form Practical Series (ii), которую редактор представил вам. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!