-
列排序 列排序其实就是改变列的方向，就是改变左右浮动，并且设置浮动的距离。 在Bootstrap框架的网格系统中是通过添加类名“col-md-push-*”和“col-md-pull-*” (其中星号代表移动的列组合数)。查看全部
-
列偏移 注意： 不过有一个细节需要注意，使用”col-md-offset-*”对列进行向右偏移时，要保证列与偏移列的总数不超过12，不然会致列断行显示， 上面代码中列和偏移列总数为3+3+3+4 = 13>12，所以发生了列断行。查看全部
-
列偏移 有的时候，我们不希望相邻的两个列紧靠在一起，但又不想使用margin或者其他的技术手段来。 这个时候就可以使用列偏移（offset）功能来实现。使用列偏移也非常简单，只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数)，那么具有这个类名的列就会向右偏移。 例如，你在列元素上添加“col-md-offset-4”，表示该列向右移动4个列的宽度。查看全部
-
Bootstrap中响应式表格效果表现为：当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失查看全部
-
但有时候代码太多，而且不想让其占有太大的页面篇幅，就想控制代码块的大小。Bootstrap也考虑到这一点，你只需要在pre标签上添加类名“.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。查看全部
-
1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码 1、<code>：一般是针对于单个单词或单个句子的代码 2、<pre>：一般是针对于多行代码（也就是成块的代码） 3、<kbd>:一般是表示用户要通过键盘输入的内容 不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。查看全部
-
实现原理 网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。 Bootstrap框架中的网格系统就是将容器平分成12份。查看全部
-
圖標 所有名称查看： 请点击：http://getbootstrap.com/components/#glyphicons 链接查阅或根据bootstrap.css文件第2393行～第2992行查阅。 特别说明： 除了使用glyphicon.com提供的图标之外，还可以使用第三方为Bootstrap框架设计的图标字体，如Font Awesome(http://www.bootcss.com/p/font-awesome/)。 使用方法和上面介绍的一样，不过记得将字体下载到你本地。 感兴趣的可以阅读官网相关介绍。查看全部
-
在网页中使用图标也非常的简单，在任何'内联元素'上应用所对应的样式即可 所有icon都是以”glyphicon-”前缀的类名开始，然后后缀表示图标的名称。查看全部
-
设置图片大小： 由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。 （注意不可以通过css样式直接修改img图片的大小，这样操作就不响应了） 注意： 对于圆角图片和圆形图片效果，因为是使用了CSS3的圆角样式来实现的，所以注意对于IE8以及其以下版本不支持，是没有圆角效果的。查看全部
-
图像 图像在网页制作中也是常要用到的元素，在Bootstrap框架中对于图像的样式风格提供以下几种风格： 1、img-responsive：响应式图片，主要针对于响应式设计 2、img-rounded：圆角图片 3、img-circle：圆形图片 4、img-thumbnail：缩略图片 使用方法： 使用方法非常简单，只需要在<img>标签上添加对应的类名查看全部
-
按钮状态——禁用状态 和input等表单控件一样，在Bootstrap框架的按钮中也具有禁用状态的设置。 禁用状态与其他状态按钮相比，就是背景颜色的透明度做了一定的处理，opcity的值从100%调整爲65%。 在Bootstrap框架中，要禁用按钮有两种实现方式： 方法1：在标签中添加disabled属性 方法2：在元素标签中添加类名“disabled” 两者的主要区别是： “.disabled”样式不会禁止按钮的默认行为，比如说提交和重置行为等。 如果想要让这样的禁用按钮也能禁止按钮的默认行为，则需要通过JavaScript这样的语言来处理。 对于<a>标签也存在类似问题，如果通过类名“.disable”来禁用按钮，其链接行为是无法禁止。 而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的。查看全部
-
按钮状态——活动状态 Bootstrap框架针对按钮的状态做了一些特殊处理。 在Bootstrap框架中针对按钮的状态效果主要分为两种：活动状态和禁用状态。 Bootstrap按钮的活动状态主要包括按钮的悬浮状态(:hover)，点击状态(:active)和焦点状态（:focus）几种。 /*源码请查看bootstrap.css文件第2011行～第2029行*/查看全部
-
块状按钮 从前面几节的内容中，大家可能发现了， 每个示例中的按钮宽度都是依靠按钮文本和padding的值来决定。 但有时候在制作按钮的时候需要按钮宽度充满整个父容器（width:100%），特别是在移动端的制作中。那么前面的方法我们都无法很好的实现，除非重新定义按钮的宽度。 其实在Bootstrap中并不需要这样做，Bootstrap框架中提供了一个类名“btn-block”。 按钮使用这个类名就可以让按钮充满整个容器，并且这个按钮不会有任何的padding和margin值。 在实际当中，常把这种按钮称为块状按钮。 具体源码请查阅bootstrap.css文件第2340行～第2353行：查看全部
-
在Bootstrap框架中不同的按钮风格都是通过不同的类名来实现，在使用过程中，开发者只需要选择不同的类名即可： 使用起来就很简单，就像前面介绍的默认按钮一样的使用方法，只需要在基础按钮“.btn”基础上追加对应的类名，就可以得到需要的按钮风格。查看全部
举报
0/150
提交
取消