Эта статья делит с вами простое использование Bootstrap Web Framework для вашей ссылки. Конкретный контент заключается в следующем
Непосредственно Buidu Bootstrap для поиска Bootstrap Wilding, и лучше всего загрузить исходный код.
После завершения загрузки скопируют Dist/CSS/Bootstrap.min.css в корневой каталог проекта.
Конкретное введение и использование модуля описаны на китайских веб -сайтах. Вот простой пример, созданный в качестве примера:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <Teal> Используйте начальную загрузку для отзывчивого макета </title> <link href = "bootstrap.min.css" type = "text/css" rel = "styleshep"> </hed> <body> <! Navbar-Default-это цвет по умолчанию, в то время как Navbar-Fixed Top заключается в том, чтобы отменить округлый угловой эффект навигационной панели, можно избежать роли «-> <nav rol =" навигация "> <!-Добавить <div> </div> для создания интерфейса центрированным-> <div> <div> <button =" кнопка "toggle =" Collapse " data-target = "#bs-example-navbar-collapse-1" aria-expaded = "false"> <pan> навигация по переключению </span> <pran> </span> <pan> </span> <pan> </span> <pran> </span> </button> <a href = "#"> projectName </a> </div> <! <div id = "bs-example-navbar-collapse-1"> <form rol = "search"> <div> <input type = "text" Placeholder = "email"> </div> <div> <input type = "password" Placeholder = "Пароль"> </div> <Кнопка типа = "Отправить" Onclick = "SignIn ()"> Подписать кнопку «Скрипт>». Настроить его по мере необходимости-> function signin () {alert («Нажмите на вход в систему»); } </script> </form> </div> <!-/.navbar-collapse-> </div> <!-/.container-fluid-> </nav> <!-Гигантский экран-> <div> <div> <h1> Привет, мир! Статья - это тестовая статья, в которой станет тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья, в которой станет тестовая статья, в том, что тестовая статья - это тестовая статья. Испытательная статья - это тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья, в которой станет тестовая статья. Статья - это тестовая статья, в которой станет тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья, в которой станет тестовая статья, в том, что тестовая статья - это тестовая статья. Испытательная статья - это тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья - это »</a> </p> </div> <div> <h2> Heading2 </h2> <p> Вот тестовая статья. Является ли тестовая статья, которая является тестовой статьей. Статья - это тестовая статья, в которой станет тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья, в которой станет тестовая статья, в том, что тестовая статья - это тестовая статья. Испытательная статья - это тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья - это тестовая статья, в которой станет тестовая статья, в том, что тестовая статья - это тестовая статья, в которой есть тестовая статья. <p> © Company2014 </p> </foot> </div> </body> </html>Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.