Bootstrap是用于快速开发web应用程序和网站的前端框架。Bootstrap基于HTML、CSS和JavaScript。

基本结构

bootstrap提供了包含网格系统、链接样式和背景的基本结构。这将在bootstrap的基本结构中详细解释。
CSS:bootstrap具有以下特性：全局CSS设置、定义基本HTML元素样式、可扩展类和高级网格系统。这将在引导CSS部分详细解释。
组件：引导包含十多个可重用组件，用于创建图像、下拉菜单、导航、警告框、弹出框等。这将在布局组件部分详细解释。
JavaScript插件：bootstrap包含十多个自定义jQuery插件。您可以直接或逐个包含所有插件。

实例

  

    
黎燃我的第一个 Bootstrap 页面
    
黎燃
 
  
  

    

      
Column 1
      
黎燃
      
黎燃
    
    

      
Column 2
      
黎燃
      
黎燃
    
    

      
Column 3
 
      
黎燃
      
黎燃
    
  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

下载 Bootstrap

可以下载 Bootstrap 的最新版本

 http://getbootstrap.com/ 
1

预编译的 Bootstrap

如上图，可以看到已编译的CSS和JS（bootstrap.），以及已编译的压缩CSS和JS（bootstrap.min.）。它还包括字形的字体，这是一个可选的引导主题。

    
   
     
   
   



      
Hello, world!



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

超大屏幕

bootstrap支持的另一个特性是jumbotron。顾名思义，这个组件可以增加标题的大小，并为登录页的内容添加更多的边距。使用jumbotron的步骤如下：
创建with类。用于

	
	
	  
	
	




	

		
欢迎登陆页面！
		
这是一个超大屏幕（Jumbotron）的实例。
		

			学习更多
		
	




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

    

        
欢迎登陆页面！
        
这是一个超大屏幕（Jumbotron）的实例。
        

         学习更多
        
    

1
2
3
4
5
6
7
8
9