論壇 | 最新的Web開發教程
 

Bootstrap 3 Tutorial

Bootstrap是最流行的HTML,CSS和JavaScript開發反應靈敏,移動先行的網站框架。

Bootstrap是完全免費下載和使用!

開始學習引導!


試一試例子

本教程引導包含了數百個Bootstrap的例子。

與我們的在線編輯器,可以編輯代碼,然後點擊一個按鈕來查看結果。

Bootstrap實例

<div class="container">
  <div class="jumbotron">
    <h1>My First Bootstrap Page</h1>
    <p>Resize this responsive page to see the effect!</p>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
  </div>
</div>
試一試»

點擊“試一試”按鈕,看看它是如何工作的。


Bootstrap測驗測試

測試你的Bootstrap技能w3ii!

開始Bootstrap測驗!


Bootstrap參考

在w3ii你會發現一個完整的Bootstrap所有的CSS類,組件和JavaScript插件參考-所有“試一試”的例子:


Bootstrap主題

我們已經取得了一些主題,您可以玩弄。 他們是完全免費使用:


你知道嗎?

W3.CSS是替代Bootstrap

W3.CSS更小,更快,更容易使用。

如果您想了解W3.CSS,去我們的W3.CSS教程