Bootstrap 簡介

Bootstrap 是一個用于快速開發 Web 應用程式和網站的前端架構。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發的。Bootstrap 是 2011 年八月在 GitHub 上釋出的開源産品。

<b>移動裝置優先</b>：自 Bootstrap 3 起，架構包含了貫穿于整個庫的移動裝置優先的樣式。

<b>浏覽器支援</b>：所有的主流浏覽器都支援 Bootstrap。

Bootstrap 簡介

<b>容易上手</b>：隻要您具備 HTML 和 CSS 的基礎知識，您就可以開始學習 Bootstrap。

<b>響應式設計</b>：Bootstrap 的響應式 CSS 能夠自适應于桌上型電腦、平闆電腦和手機。更多有關響應式設計的内容詳見 Bootstrap 響應式設計。

它為開發人員建立接口提供了一個簡潔統一的解決方案。

它包含了功能強大的内置元件，易于定制。

它還提供了基于 Web 的定制。

它是開源的。

<b>基本結構</b>：Bootstrap 提供了一個帶有網格系統、連結樣式、背景的基本結構。這将在 <b>Bootstrap 基本結構</b> 部分詳細講解。

<b>CSS</b>：Bootstrap 自帶以下特性：全局的 CSS 設定、定義基本的 HTML 元素樣式、可擴充的 class，以及一個先進的網格系統。這将在 <b>Bootstrap CSS</b> 部分詳細講解。

<b>元件</b>：Bootstrap 包含了十幾個可重用的元件，用于建立圖像、下拉菜單、導航、警告框、彈出框等等。這将在 <b>布局元件</b> 部分詳細講解。

<b>JavaScript 插件</b>：Bootstrap 包含了十幾個自定義的 jQuery 插件。您可以直接包含所有的插件，也可以逐個包含這些插件。這将在 <b>Bootstrap 插件</b> 部分詳細講解。

<b>定制</b>：您可以定制 Bootstrap 的元件、LESS 變量和 jQuery 插件來得到您自己的版本。

本站的 Bootstrap 教程包含了上百個執行個體。

你可以使用我們的線上編輯器線上編輯代碼，并點選運作按鈕檢視結果。

<h1>我的第一個 Bootstrap 頁面</h1>

<p>重置視窗大小，檢視響應式效果！</p>

</div>

<h3>Column 1</h3>

<p>學的不僅是技術，更是夢想！</p>

<p>再牛逼的夢想,也抵不住你傻逼似的堅持！</p>

<h3>Column 2</h3>

<h3>Column 3</h3>

<thead>

<tr>

<th>Street</th>

</tr>

</thead>

<tbody>

<td>Anna Awesome</td>

<td>Broome Street</td>

<td>Debbie Dallas</td>

<td>Houston Street</td>

<td>Madison Street</td>

</tbody>

</table>

<b>點選 "嘗試一下" 按鈕檢視它是如何工作的。</b>