嘿嘿，你晓得啥是Bootstrap吗？我告诉你哦，它就是一个神奇的宝盒，Neng让我们轻巧松地Zuo出像魔法一样优良kan的网站！就像是给网站穿上了漂亮的衣服，让它们Neng在不同的手机、电脑上douNeng优良优良站住不会东倒西歪的。

读Bootstrap手册，像学魔法一样轻巧松吗？

想用Bootstrap变出优良网站，第一步就是要优良优良读它的魔法书，也就是手册。读了这本书，我们就Neng学会怎么让网站变得又优良kan又机灵。不过光kan书就Neng学会吗？让我来磨蹭磨蹭给你讲讲。

魔法网格， 让网站变宽阔变狭窄

Bootstrap有一个超厉害的魔法网格系统，就像是一张巨大网，把网站分成12个细小格子。我们Neng在这些个格子里放东西，让它们在电脑上占一半、三分之二，甚至在手机上只占一点点。我们用一些特殊的词来告诉网格我们要把东西放在哪个格子里 比如用“row”来表示一行，用“col-md-”来表示在第几个格子里。

  

    
我是第一列
    
我是第二列
    
我是第三列
  

网站上的细小部件， dou是魔法师变的

Bootstrap里还有hen许多细小部件，像是按钮、表单、导航栏等等，它们douNeng让我们的网站变得geng加好玩。比如按钮，我们只要告诉它我们要啥颜色，它就会立刻变出来！

基本上按钮

表单， 要让用户填写的魔法书

表单就像是让用户填写的魔法书，我们要让它们kan起来整洁漂亮。Bootstrap帮我们Zuo了hen许多， 比如表单控件会自动变得优良kan，我们只需要加上一些特别的词就Neng让它们变漂亮。

  

    邮箱地址
    
  

导航栏， 网站的指引魔法棒

导航栏就像是网站的指引魔法棒，告诉用户该去哪里。Bootstrap让导航栏变得非常轻巧松， 我们只需要写几个词就Neng让它们变得hen优良kan，还Neng自动习惯手机屏幕。

JavaScript插件， 让网站动起来

Bootstrap还有一些神奇的JavaScript插件，Neng让网站动起来变得geng好玩。比如模态框， 就像是一个细小窗口，Neng告诉我们一些暗地；下拉菜单，就像是一扇门，里面藏着hen许多选择；轮播，就像是一台自动播放的幻灯片机，让图片自动换。

模态框， 细小窗口巨大暗地

模态框就像是一个细小窗口，我们Neng用它来展示一些特别的信息。比如我们想要告诉用户一个关键的通知，就Neng用模态框来展示。

打开示例模态框

  

    

      

        
模态框标题
        
          ×
        
      
      

        
这里是模态框的内容。
      
      

        关闭
        保存geng改
      
    
  

下拉菜单， 暗地通道许多选择

下拉菜单就像是一扇门，里面藏着hen许多选择。我们Neng用它来让用户选择不同的选项。

  
    下拉菜单链接
  
  

  

轮播， 自动播放的幻灯片

轮播就像是自动播放的幻灯片机，Neng让图片自动换。我们只需要告诉它我们要放哪些图片，它就会自动轮播。

优良了细小朋友，这就是我用Bootstrap变出优良网站的魔法。其实这些个魔法dou不是hen困难，只要你许多读许多练，就Neng掌握它们的用法。迅速去试试吧，说不定你也Neng变成一个网站魔法师呢！