❶ 产品经理技术脑：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/ 提供一些有用的在线工具和代码片段
❷ 在线求解答:bootstrap typeahead插件结合ajax 使用的实例,要求亲测可用不报错.
使用bootstrap2中bootstrap.js自带了typeahead的模块，可以直接使用,但是bootstrap3的bootstrap.js没有集成typeahead自动提示模块,因此需要下载bootstrap3-typeahead.js,另外如果没有下载bootstrap前端框架还需要下载bootstrap3.zip。
1、前台代码如下，将jquery.js,bootstrap.css,bootstrap.js等包含其中:
<link href="themes/normal/css/bootstrap.css" rel="stylesheet">
<script src="http。//cdn。bootcss。com/jquery/1.10.2/jquery.min.js"></script>
<script src="themes/normal/js/bootstrap.min.js"></script>
<script src="themes/normal/js/bootstrap3-typeahead.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#receiptno').typeahead({
source: function (query, process) {
$.ajax({
url: '/mirage/index.php?it=barservice&op=get-receiptno',
type: 'POST',
dataType: 'JSON',
data: query,
success: function(data) {
console.log(data);
process(data);
}
});
}
});
});
</script>
❸ 如何修改bootstrap模板，要实实在在的步骤，
用amaze ui
也是基于bootstrap的UI。比bootstrap功能多，样式好看，一整套中文教程还有模板案例。
至于你一定要说修改bootstrap模板
1：下载模板
2：用谷歌浏览器打开index.html（一般都有这个页面）
3：用谷歌浏览器调试（F12），选中要修改的元素。在调试框右边修改样式。修改好了。就将这个样式单独写一个class赋值上去