摘要:
下拉菜单(基本用法) 在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文件。当然,如果你使用的是未编译版本,在js文件夹下你能找到一个名为“dropdown.js”的文件。你也可以调用这个js文件。 注意:因为Bootstrap的组件交互效果... 阅读全文
2015年12月8日
摘要:
实现原理: 通过定义容器大小,平分12份(也有分为24份或32份,但12份是最常见的),在调整内外边距,最后结合媒体查询,就制作除了强大的响应式网格系统。工作原理: 1.数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding) 2.在行(.... 阅读全文
摘要:
图像: bootstrap中有以下几种样式风格: 1.img-responsive:响应式图片,主要针对响应式设计 2.img-rounded:圆角图片 3.img-circle:圆形图片 4.img-thumbnail:缩略图片 注意:对于圆角图片和圆形图片效果,以为是使用了css3的... 阅读全文
摘要:
基本按钮: bootstrap框架V3.x版本的基本按钮和V2.x版本的基本按钮一样,都是通过类名.btn来实现,不同的是V3.x版本要简约很多,去除V2.x版本中的大量的CSS3的部分特效。默认按钮: bootstrap框架首先通过基础类名.btn定义了一个基础的按钮风格,然后通过.btn-d... 阅读全文
摘要:
基础表单: 表单中常见的元素主要有:文本输入框、下拉选择框、单选按钮、复选按钮、文本框和按钮等。 bootstrap并未对齐做太多的的定制化效果设计,仅仅对表单内的fieldset、legend、label标签进行了定制。主要将这些元素的margin 、padding、border等进行了细化设... 阅读全文