BootStrap(第1部分)|简介与安装

要开始Web开发，您可以先阅读本文。

1. 网格系统
2. 按钮，字形图标，表格
3. 垂直形式，水平形式，内联形式
4. 下拉菜单和响应式标签
5. 进度栏和超大屏幕

Bootstrap是一个免费的开放源代码工具集，用于创建网站和Web应用程序。它是用于开发响应式，移动优先网站的最流行的HTML，CSS和JavaScript框架。它解决了我们曾经遇到的许多问题，其中之一就是跨浏览器的兼容性问题。如今，这些网站非常适合所有浏览器(IE，Firefox和Chrome)和各种大小的屏幕(台式机，平板电脑，平板手机和电话)。感谢Bootstrap开发人员-Twitter的Mark Otto和Jacob Thornton，尽管后来宣布它是一个开源项目。选择Bootstrap的原因：

• 更快，更轻松的Web开发。
• 它创建独立于平台的网页。
• 它创建响应式网页。
• 它也旨在对移动设备做出响应。
• 免费！可在www.getbootstrap.com上获得

现在，可以使用Bootstrap通过几行代码来构建使用大量CSS和JavaScript构建的网站。 Bootstrap主要包含三个组件：

• 的CSS
• 字型
• Java脚本

安装Bootstrap：有两种安装Bootstrap的方法。我将讨论安装Bootstrap的两种方法。但是在安装Bootstrap之前，我们必须编写一个基本的html文档，以在其中安装Bootstrap。这里是，

例子：

  

    
    
    


      
 Hello World!
      
 You're learning Bootstrap on Geeksforgeeks.org

方法1(BootstrapCDN)：这种安装Bootstrap的方法相当简单，但是需要Internet连接。强烈建议您遵循此方法。

• 第1步：转到getbootstrap并点击入门。向下滚动。

  

• 步骤2：复制并将其粘贴到HTML代码的头部。

    
      
      Learning Bootstrap @ GeeksforGeeks.org
      
      
    
    
    
      Hello World!
      You're learning Bootstrap on Geeksforgeeks.org
    
      
      
      
      
      
      
    

• 步骤3：复制