Bootstrap的基础(上)


1、预定义样式风格:描述状态的类(学boot的css重点是记住类名)

·primary:首选项

·warning:警告

·danger:危险

·info:一般信息

·success:成功

前缀可加:btn-、bg-、text-、alert-、panel-(panel-heading、panel-body

分别表示:按钮状态种类、段落状态、文字状态、警告框、面板组(面板标题、面板内容)

示例:




	
		
		
		
		
		
	

	
		


默认段落

首选项

成功

一般信息

警告

危险



默认文字 首选项 成功 一般信息 警告 危险

我是警告框
我是危险信息
我是成功
我是一般信息


我是首选项面板的标题

我是面板的主体内容!

我是警告面板的标题

我是面板的主体内容!

我是一般信息面板的标题

我是面板的主体内容!

我是危险面板的标题

我是面板的主体内容!

我是成功面板的标题

我是面板的主体内容!

Bootstrap的基础(上)_第1张图片 Bootstrap的基础(上)_第2张图片

2、按钮

基类:btn

样式btn-defaultbtn-link   

大小btn-lg  

状态:active 、disabled   

种类:a、input、button

块级:btn-block

示例:




	
		
		无标题文档
		
		
		
		
	

	
		











按钮


Bootstrap的基础(上)_第3张图片



你可能感兴趣的:(Bootstrap)