随笔分类 - bootstrap
摘要：环境准备： 1、创建一个static web名为bootstrapDemo 2、在bootstrapDemo文件夹下安装bower npm install bower 会自动产生node-module文件夹 3、在bootstrapDemo文件夹下安装所需jar包 npm install boots
阅读全文
摘要：1、导入JavaScript插件 Bootstrap的JavaScript插件可以单独导入到页面中，也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入jQuery库。 一次性导入： Bootstrap提
阅读全文
摘要：1、缩略图 缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。 使用方法： 通过“thu
阅读全文
摘要：1、下拉菜单（基本用法） 在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件： ☑ LESS版本：对应的源码文件为 dropdowns.less ☑ Sass版本：对应的源码文件为 _dropdowns.scss ☑ 编译后的Bootstrap版本：查看boots
阅读全文
摘要：基础表单 表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览器对表单控件渲染的风格都各有不同。 表单源码查询 Bootstrap框架的表单，其源码占据了大量的代码，同样的，根据不同的Bootstrap版本，你可以轻松
阅读全文
摘要：基本的HTML模板 bootstrap不支持IE兼容模式，在IE运行最新的渲染模式 初始化移动浏览显示 bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可 同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码 全局样式 Boo
阅读全文
