㈠ bootstrap這么多樣式怎麼記
不需要你全部記住，至少把文檔看一遍，知道有哪些功能，樣式
然後仿大敬型照著把example里稿灶的至少3個案例，對照著文檔寫一遍，你就滾猜自然而然記住了
我用這個框架自己寫了2個網站，又順帶把所有類用css3實現了一遍，大部分代碼都可以自己寫了。實在記不住的也可以直接翻到文檔的相應的位置改出來
㈡ bootstrap怎麼實現網頁在線咨詢功能
bootstrap 主要應用於前端開發，如果你接觸過easyui，就差不多理解了，用法相同，如果沒接觸過那就和游不用太過於糾結easyui了，你去到bootstrap的官方網站下載相應的js以及API文檔，裡面會叫你使正橋用，裡面會有一些案例頁面，你用一舉棚猛個編譯軟體打開你...
㈢ bootstrap 網頁實例 常用樣式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 實例 - 一個簡單的網頁</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.fakeimg {
height: 200px;
background: #aaa;
}
</style>
</head>
<body>
<div class="jumbotron text-center" style="margin-bottom:0">
<好好攔h1>我的第一個 Bootstrap 頁面</h1>
<p>重置瀏覽器窗口大小查看效果！</p>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">網站名</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">主頁</a></li>
<li><a href="#">頁面 2</a></li>
<li><a href="#">頁面 3</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h2>關於我</h2>
<h5>我的照片:</h5>
<div class="fakeimg">這邊插入圖像</div>
<p>關於我友胡的介紹..<襪衡/p>
<h3>鏈接</h3>
<p>描述文本。</p>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#">鏈接 1</a></li>
<li><a href="#">鏈接 2</a></li>
<li><a href="#">鏈接 3</a></li>
</ul>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
<div class="col-sm-8">
<h2>標題</h2>
<h5>副標題</h5>
<div class="fakeimg">圖像</div>
<p>一些文本..</p>
<p>菜鳥教程，學的不僅是技術，更是夢想！！！菜鳥教程，學的不僅是技術，更是夢想！！！菜鳥教程，學的不僅是技術，更是夢想！！！</p>
<h2>標題</h2>
<h5>副標題</h5>
<div class="fakeimg">圖像</div>
<p>一些文本..</p>
<p>菜鳥教程，學的不僅是技術，更是夢想！！！菜鳥教程，學的不僅是技術，更是夢想！！！菜鳥教程，學的不僅是技術，更是夢想！！！</p>
</div>
</div>
</div>
<div class="jumbotron text-center" style="margin-bottom:0">
<p>底部內容</p>
</div>
</body>
</html>
㈣ bootstrap和layer怎麼使用
Bootstrap 布局
簡介
在本教程中，您將學習如何使用 Bootstrap 工具包來創建固定布局和流動布局。教程是基於 Bootstrap 版本 2.0。
在版本 2.0 中，Bootstrap 為手機、平板電腦、筆記本、小型台式機、大型寬屏台式機等添加了響應特性。
可以通過向頁面添加 bootstrap-responsive.css 文件（位於 docs\assets\css 下）來讓布局具有響應性。
Bootstrap 固定布局
如果您想要創建基於固定像素數的網頁或 app，請看這部分的教程。
用法
<body>
<div class="container">
...
</div>
</body>
解釋
bootstrap.css（位於 bootstrap 的主文件夾的 docs\assets\css 下）的第 261 到 273 行，為創建主容器渲染樣式，從而創建一個固定布局。固定布局的目的是為網頁或 app 創建一個 940 像素（默認）寬的布局。
Bootstrap 固定布局的實例
下面的代碼創建一個網頁固定布局。為了定製，除了默認樣式，還需創建一個新的 css 文件 example-fixed-layout.css，與 bootstrap.css 位於同一個文件夾下。
CSS 代碼
body {
padding-top: 60px;
padding-bottom: 40px;
}
.nav li {
padding-top: 5px;
}
.leaderboard {
padding: 60px;
margin-bottom: 30px;
background-image: url('/twitter-bootstrap/images/gridbg.gif');
background-repeat:repeat;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.leaderboard h1 {
font-size: 40px;
margin-bottom: 5px;
line-height: 1;
letter-spacing: -1px;
color:#FF6600;
}
.leaderboard p {
font-size: 18px;
font-weight: 200;
line-height: 27px;
}
㈤ bootstrap是什麼怎麼使用需要其他什麼輔助嗎
bootstrap是一個開源的web前段框架，官網上下載下來的文件包：css,js,以及fonts三個文件。這個框架主要是為了響應式，移動設備優先，集成了很多標簽和類，建議看下runoob，有詳細的語法和使用案例，如果需要深入理解，比如微調bootstrap的效果就需要看下less和sass。
㈥ webjars入門
一、概念
WebJars是將客戶端（瀏覽器）資源（JavaScript，Css等）打成jar包文件，以對資源進行舉粗拍統一依賴管理。WebJars的jar包部署在Maven中央倉庫上。
二、如何使凳租用webjars案例（bootstrap）
①引入依賴
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>3.3.7-1</version>
</dependency>
②在前端網頁上引入外正羨部鏈接
<link rel="stylesheet" href="/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css"/>
三、常用的webjars
jquery,Bootstrap,npm,Swagger UI ,D3.js,Enbjs,Font Awesome等等
可參考該網站： https://www.webjars.org/
㈦ 產品經理技術腦：Bootstrap
什麼是 Bootstrap？
Bootstrap 是Web 應用程序的前端框架擾滾凱。基於 HTML、CSS、JAVASCRIPT 。
Bootstrap由美國Twitter公司的設計師Mark Otto和Jacob Thornton合作開發的，基於HTML、CSS、JavaScript 的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷備禪。
Bootstrap提供了優雅的HTML和CSS規范，由動態CSS語言Less寫成，一直是GitHub上的熱門開源項目。
Bootstrap 是一個用於快速開發 Web 應用程序和網站的前端框架。在現在的 Web 開發中，有幾個幾乎所有的 Web 項目中都需要的組件。
Bootstrap版本功能發展
Bootstrap 與最新版的 Google Chrome、Firefox、Internet Explorer、Opera 和 Safari 瀏覽器兼容，盡管有些瀏覽器並不是支持所有操作系統。
從 2.0 版本開始，Bootstrap 支持響應式網頁設計(RWD)。頁面布局可以根據顯示網頁的設備（桌面、平板電腦、手機）來進行動態調整。
3.0 版本開始，Bootstrap 將移動設備優先作為設計方針，更加強調了響應式設計。
4.0 alpha 版本添加 Sass 和 Flexbox 的支持。
Bootstrap特點
Bootstrap非常流行，得益於它非常實用的功能和特點。主要核心功能特點如下：
l跨設備、跨瀏覽器
可以兼容所有現代瀏覽器，包括比較詬病的IE7、8。當然，本課程不再考慮IE9以下瀏覽器。
l響應式布局
不但可以支持PC端的各種解析度的顯示，還支持移動端PAD、手機等屏幕的響應式切緩喚換顯示。
l提供的全面的組件
Bootstrap提供了實用性很強的組件，包括：導航、標簽、工具條、按鈕等一系列組件，方便開發者調用。
l內置jQuery插件
Bootstrap提供了很多實用性的jquery插件，這些插件方便開發者實現Web中各種常規特效。
l支持HTML5、CSS3
HTML5語義化標簽和CSS3屬性，都得到很好的支持。
l支持LESS動態樣式
LESS使用變數、嵌套、操作混合編碼，編寫更快、更靈活的CSS。它和Bootstrap能很好的配合開發。
Bootstrap基本內容與組件
Bootstrap 包括 HTML、CSS 及 JavaScript 的框架，提供字體排印、窗體、按鈕、導航及其他各種組件及 Javascript 擴展。主要包含內容有：
l 基本結構 ： Bootstrap 提供了一個帶有網格系統、鏈接樣式、背景的基本結構。
l 全局CSS樣式 ： Bootstrap 自帶以下特性：全局的 CSS設置、定義基本的 HTML 元素樣式、可擴展的 class，以及一個先進的網格系統。
l 組件 ： Bootstrap 包含了十幾個可重用的組件，用於創建圖像、下拉菜單、導航、警告框、彈出框等等。
l JavaScript 插件 ：Bootstrap包含了十幾個自定義的jQuery 插件。您可以直接包含所有的插件，也可以逐個包含這些插件。
l 定製 ：您可以定製Bootstrap的組件、LESS 變數和jQuery 插件來得到您自己的版本。
lBootstrap全局Css樣式包括
Grid
Typography
Tables
Forms
Buttons
Responsiveness。
l還有大量其他有用的前端組件，比如：
Dropdowns
Navigation
Modals
Typehead
Pagination
Carousal
Breadcrumb
Tab
Thumbnails
Headers
Bootstrap資源
l參考資料
Bootstrap官網
http://getbootstrap.com
Bootstrap中文網
http://www.bootcss.com
網站使用案例
http://expo.bootcss.com/
Github
https://github.com/twbs/bootstrap
l教程
Bootstrap菜鳥教程
http://www.runoob.com/bootstrap/bootstrap-tutorial.html
Bootstrap on W3Schools
http://www.w3schools.com/bootstrap
慕課網視頻教程
http://www.imooc.com/course/list?c=bootstrap
l模版
Bootstrap免費模版
http://startbootstrap.com
模糊效果後台模版
http://akveo.github.io/blur-admin/
後台模版
https://colorlib.com/polygon/gentelella/index.html
儀表盤
http://keen.github.io/dashboards/
l主題
Flat－ui
http://designmodo.com/flat-free/
各種配色主題
https://bootswatch.com/
基於bootstrap的主題框架
http://bootflat.github.io
l實用工具
實用代碼片段
http://bootsnipp.com/ 提供一些有用的在線工具和代碼片段