㈠ 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/ 提供一些有用的在线工具和代码片段