1-3. Bootstrap 辅助类补充、以及 媒体查询(Media Queries)

插入符

表示下拉功能和方向,使用带有 class caret 的 元素得到该功能。

关于我们

 

快速浮动

可以分别使用 class pull-left 或 pull-right 来把元素向左或向右浮动。

向左快速浮动

向右快速浮动 

 

内容居中

使用 class center-block 来居中元素。

 

   

 这是 center-block 实例 

 

显示和隐藏内容

通过使用 class .show 和 .hidden 来强行设置元素显示或隐藏。

 

     

 这是 show class 的实例

     

 

文本

以下不同的类展示了不同的文本颜色,如果文本是个链接,鼠标移动到文本上会变暗

1-3. Bootstrap 辅助类补充、以及 媒体查询(Media Queries)_第1张图片

 

背景

以下不同的类展示了不同的背景颜色, 如果文本是个链接鼠标移动到文本上会变暗

1-3. Bootstrap 辅助类补充、以及 媒体查询(Media Queries)_第2张图片

 

别的内容

1-3. Bootstrap 辅助类补充、以及 媒体查询(Media Queries)_第3张图片

 

媒体查询

Media Queries 实现了响应式设计

 

基本形式:

@media(条件){样式}

min-width

max-width

	
		
		
		
		
		
	
	
		
		

 

你可能感兴趣的:(jQuery,Library)