引导程序介绍和安装-yiteyi-C++库

要开始Web开发，您可能需要经历本文第一

null

Bootstrap是一个免费的开源工具集合，用于创建网站和web应用程序。它是最流行的HTML、CSS和JavaScript框架，用于开发响应迅速、移动优先的网站。它解决了我们曾经遇到的许多问题，其中之一就是跨浏览器兼容性问题。如今，这些网站非常适合所有浏览器（IE、Firefox和Chrome）以及各种尺寸的屏幕（台式机、平板电脑、平板电脑和手机）。这一切都要归功于Bootstrap开发者——Twitter的马克·奥托（Mark Otto）和雅各布·桑顿（Jacob Thornton），尽管它后来被宣布为一个开源项目。 选择引导的原因：

更快更简单的Web开发。
它创建独立于平台的网页。
它可以创建响应性强的网页。
它的设计也是为了对移动设备做出响应。
它是免费的！可在www.getbootstrap上获得。通用域名格式

使用大量CSS和JavaScript构建的网站现在可以使用Bootstrap使用几行代码构建。引导程序主要由三个组件组成：

CSS
字体
Javascript

安装引导程序： 有两种方法可以安装引导。我将讨论安装引导的两种方法。但在安装Bootstrap之前，我们必须编写一个基本的html文档来安装Bootstrap。给你，

例子：

html

                         <!DOCTYPE html>                       
                         <                                     html                                     lang                                     =                                     "en"                                     >                       
                                   
                         <                                     head                                     >                       
                                                 <                                     meta                                     charset                                     =                                     "utf-8"                                     >                       
                                                 <                                     title                                     >Learning Bootstrap @ GeeksforGeeks.org</                                     title                                     >                       
                                                 <                                     meta                                     name                                     =                                     "description"                                     content                                     =                                     "Hello World"                                     >                       
                         </                                     head                                     >                       
                         <                                     body                                     >                       
                                                 <                                     div                                     > Hello World!</                                     div                                     >                       
                                                 <                                     div                                     > You're learning Bootstrap on Geeksforgeeks.org</                                     div                                     >                       
                         </                                     body                                     >                       
                         </                                     html                                     >                       

方法1（BootstrapCDN）： 这种安装引导程序的方法相当简单，但需要连接互联网。强烈建议您遵循此方法。

第一步： 后藤 getbootstrap 点击开始。向下滚动。

第二步： 复制并将其粘贴到HTML代码的头部部分。

html

                             <!DOCTYPE html>                           
                             <                                           html                                           lang                                           =                                           "en"                                           >                           
                                                         <                                           head                                           >                           
                                                         <                                           meta                                           charset                                           =                                           "utf-8"                                           />                           
                                                         <                                           title                                           >Learning Bootstrap @ GeeksforGeeks.org</                                           title                                           >                           
                                                         <                                           meta                                           name                                           =                                           "description"                                           content                                           =                                           "Hello World"                                           />                           
                                                         <                                           link                           
                                                         rel                                           =                                           "stylesheet"                           
                                                         href                                           =                           
                             "                               https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css                              "                           
                                                         integrity                                           =                           
                             "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"                           
                                                         crossorigin                                           =                                           "anonymous"                                           />                           
                                                         </                                           head                                           >                           
                                         
                                                         <                                           body                                           >                           
                                                         <                                           div                                           >Hello World!</                                           div                                           >                           
                                                         <                                           div                                           >You're learning Bootstrap on Geeksforgeeks.org</                                           div                                           >                           
                                         
                                                         <                                           script                           
                                                         src                                           =                           
                             "                               https://code.jquery.com/jquery-3.3.1.slim.min.js                              "                           
                                                         integrity                                           =                           
                             "sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"                           
                                                         crossorigin                                           =                                           "anonymous"                                           >                           
                                                         </                                           script                                           >                           
                                                         <                                           script                           
                                                         src                                           =                           
                             "                               https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js                              "                           
                                                         integrity                                           =                           
                             "sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"                           
                                                         crossorigin                                           =                                           "anonymous"                                           >                           
                                                         </                                           script                                           >                           
                                                         <                                           script                           
                                                         src                                           =                           
                             "                               https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js                              "                           
                                                         integrity                                           =                           
                             "sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"                           
                                                         crossorigin                                           =                                           "anonymous"                                           >                           
                                                         </                                           script                                           >                           
                                                         </                                           body                                           >                           
                             </                                           html                                           >                           

第三步： 复制

html

                               <!DOCTYPE html>                             
                               <                                              html                                              lang                                              =                                              "en"                                              >                             
                                            
                               <                                              head                                              >                             
                                                             <                                              meta                                              charset                                              =                                              "utf-8"                                              >                             
                                                             <                                              title                                              >Learning Bootstrap @ GeeksforGeeks.org</                                              title                                              >                             
                                                             <                                              meta                                              name                                              =                                              "description"                                              content                                              =                                              "Hello World"                                              >                             
                                                             <                                              link                                              rel                                              =                                              "stylesheet"                                              type                                              =                                              "text/css"                                              href                                              =                                              "css/bootstrap.min.css"                                              >                             
                                            
                                            
                               </                                              head                                              >                             
                                            
                               <                                              body                                              >                             
                                                             <                                              div                                              > Hello World!</                                              div                                              >                             
                                                             <                                              div                                              > You're learning Bootstrap on Geeksforgeeks.org</                                              div                                              >                             
                                            
                                            
                                                             <                                              script                                              src                                              =                                              "js/bootstrap.min.js"                                              > </                                              script                                              >                             
                                                             <                                              script                                              src                                              =                             
                               "                                 https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js                                "                                              >                             
                                                             </                                              script                                              >                             
                               </                                              body                                              >                             
                               </                                              html                                              >                             

HTML 3: 用浏览器打开HTML文档，看看bootstrap的不同之处！这可能不支持更高版本的Internet Explorer（8+），对于它们，我们需要下载额外的文件，这很麻烦。因此，强烈建议遵循非常简单的方法A。

这只是安装和一些关于引导的基本知识。我们将在接下来的讨论中讨论其他话题 下一部分 .继续学习！

文章作者哈希特·古普塔 : 总部位于加尔各答的Harshit Gupta是一位活跃的博主，对撰写时事、技术博客、故事和个人生活经历有着浓厚的兴趣。除了热爱写作，他还喜欢编码和跳舞。目前在IIEST学习，他是Geeksforgeks的活跃博客撰稿人。你可以打电话联系他 https://in.linkedin.com/pub/harshit-gupta/102/b71/605

如果你也想在这里展示你的博客，请参见吉微博在Geeksforgek上写客博。

文章版权归作者所有，未经允许请勿转载。

THE END

技术文章