前言介紹
- 這款 WordPress 外掛「Twitter Bootstrap for WordPress」是 2011-09-04 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 6000 個安裝啟用數。
- 上一次更新是 2019-03-07，距離現在已有 2250 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.2.0 以上版本才可以安裝。
- 有 28 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 0%
外掛協作開發者
paultgoodchild | onedollarplugin |
外掛標籤
css | bootstrap css | wordpress admin | twitter bootstrap | Twitter Bootstrap Javascript |
內容簡介
支援此外掛：去除廣告
Twitter Bootstrap 是什麼？
它是一個 CSS 和 Javascript 框架，可以快速提升您的網站設計和功能。
我們在 iControlWP 的 WordPress 網站上非常喜歡使用 Twitter Bootstrap。
因此，我們希望有一種方式可以在所有頁面上快速鏈接最新的 Bootstrap CSS 和 Javascript，並且不會受到 WordPress Theme 的影響。
現在，有了這個外掛，您就可以做到了！
與任何 WordPress Theme 兼容，無需編輯 Theme 檔案，無需進行編程。
現在已經內置 LESS 編譯器，可完全自定義。
方便的 WordPress [SHORTCODES]，可以快速添加 Twitter Bootstrap 元素到您的網站上。
添加自己的自定義 CSS 复位文件。
選項將 JavaScript 添加到 [HEAD] （默認添加到 [BODY] 的末尾，這是一個很好的最佳實踐）
等等。
要獲取最新的消息和支援，請看這裡：WordPress Twitter Bootstrap CSS Plugin Home，以查看我們網站上的發佈文章。
為什麼要使用 Twitter Bootstrap？
最好的作法是擁有一個核心的基礎 CSS 定義，以便使您的網站在所有瀏覽器上呈現和運作的方式盡可能一致。
Twitter Bootstrap 可以做到這一點。
來自 Twitter Bootstrap：
Bootstrap 是 Twitter 設計的一個工具箱，旨在啟動 Web 應用和網站的開發。
它包括用於排版、表單、按鈕、表格、表格、導航等方面的基礎 CSS 和 HTML。
問題是什麼？
許多主題不允許您輕鬆添加自定義 CSS 檔案，甚至 Thesis 框架也是如此！因此，我們採取另一種方法，將 CSS 作為 HTML HEAD 段落中的最初項目之一插入。這樣，其他 CSS 檔案就不會首先干擾，以便確保這些 Bootstrap 檔案可以用作基礎 / 复位 CSS。
CSS 只是解決方案的一部分。Twitter Bootstrap 還有 Javascript 程式庫，可以補充他們的 Bootstrap CSS。可以選擇將它們添加到您的網站上，並將它們添加到 HEAD 中 – 默認情況下，它們會添加到 BODY 的末尾。
我們還希望選擇替代包括 YUI 「reset.css」和「normalize.css」。它們都對 Bootstrap 有關聯的作用，但是更輕量級。
您可以看到樣式之間的差異如下：
reset.css – 用於剝離/移除差異和減少瀏覽器差異。它通常是通用的，單獨使用不會有用。它應該被視為您的樣式的起點。
normalize.css – 旨在使内置的瀏覽器樣式在各種瀏覽器中保持一致，並為某些元素的現代使用預先添加基本樣式。例如，H1-6 將全部出現粗體。
bootstrap.css – 比 normalize 更高級別，在增加更多樣式的同時保持現代瀏覽器的一致性。它會使網站和 Web 應用程式開發更快速。
一些參考資料：
Twitter Bootstrap：http://twitter.github.com/bootstrap/
Yahoo Reset CSS，YUI 2：http://developer.yahoo.com/yui/2/
Normalize CSS：http://necolas.github.com/normalize.css/
原文外掛簡介
Support The Plugin: Go Ad free
What is Twitter Bootstrap?
It’s a CSS and Javascript framework that helps boost your site design and functionality quickly.
We love Twitter Bootstrap on our WordPress sites at iControlWP.
And we wanted a way to quickly link the latest Bootstrap CSS and Javascript to all pages, regardless of the WordPress Theme.
With this plugin, now you can!
Works with any WordPress Theme without ever editing Theme files and NO programming needed.
Now fully customizable with built-in LESS Compiler.
Handy WordPress [SHORTCODES] to add Twitter Bootstrap elements to your site quickly
Add your own custom CSS reset file
Option to add JavaScript to the [HEAD] (defaults to end of [BODY] as is good practice)
and more..
To get the latest news and support go here: WordPress Twitter Bootstrap CSS Plugin Home to see the release article on our site.
Why use Twitter Bootstrap?
It’s good practice to have a core, underlying CSS definition so that your website appears and acts consistently across all
browsers as far as possible.
Twitter Bootstrap does this extremely well.
From Twitter Bootstrap:
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more
The problem?
Many themes do not allow you to add custom CSS files easily. Even the Thesis Framework! So we take
another approach and inject the CSS as one of the FIRST items in the HTML HEAD section. This way, no
other CSS interferes first so you can be sure these bootstrap file can be used as a foundation/reset CSS.
The CSS is only part of the solution. Twitter Bootstrap also have Javascript libraries
to complement their Bootstrap CSS. These may also be added to your site with the option to
add them to the HEAD of your site – by default they are added to the end of the BODY.
We also wanted the option to alternatively include YUI “reset.css” and “normalize.css”. These both form related roles to bootstrap, but are lighter.
You could look at the difference between the styles as:
reset.css – used to strip/remove the differences and reduce browser inconsistencies. It is typically generic and
will not be any use alone. It is to be treated as a starting point for your styling.
normalize.css – aims to make built-in browser styling consistent across browsers and adds basic styles for modern
expectations of certain elements. E.g. H1-6 will all appear bold.
bootstrap.css – is a level above normalize where it adds much more styling but retains consistency across modern
browsers. It makes site and web application development much faster.
Some References:
Bootstrap, from Twitter: http://twitter.github.com/bootstrap/
Yahoo Reset CSS, YUI 2: http://developer.yahoo.com/yui/2/
Normalize CSS: http://necolas.github.com/normalize.css/
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Twitter Bootstrap for WordPress」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 0.1.1 | 0.1.2 | 0.8.1 | 0.8.2 | 0.8.3 | 0.8.4 | 0.8.5 | 0.8.6 | 0.9.1 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | 2.0.4 | 2.2.1 | trunk | 2.0.1a | 2.0.1b | 2.0.1c | 2.0.2a | 2.0.2b | 2.0.2.1 | 2.0.2.2 | 2.0.2.3 | 2.0.4.1 | 2.0.4.2 | 2.0.4.3 | 2.0.4.4 | 2.0.4.5 | 2.0.4.6 | 2.0.4.7 | 2.0.4.8 | 2.1.0.0 | 2.1.1.0 | 2.1.1.1 | 2.2.1.1 | 2.2.1.2 | 2.2.2.a | 2.2.2.b | 2.3.0.a | 2.3.0.b | 2.3.1-1 | 2.3.1-2 | 2.3.1-3 | 2.3.1.a | 2.3.1.b | 2.3.1.c | 2.3.2-1 | 2.3.2-2 | 3.0.0-1 | 3.0.0-2 | 3.0.0-3 | 3.0.0-4 | 3.0.0-5 | 3.0.0-6 | 3.0.0-7 | 3.0.2-1 | 3.0.2-2 | 3.0.3-0 | 3.1.0-0 | 3.1.1-0 | 3.1.1-1 | 3.2.0-1 | 3.2.0-2 | 3.2.0-3 | 3.2.0-4 | 3.3.4-0 | 3.3.5-0 | 3.3.6-0 | 3.3.6-1 | 3.3.7-0 | 3.3.7-1 | 3.4.1-0 | 2.0.0-beta1 | 2.0.0-beta2 | 2.17.150725-1 |
延伸相關外掛（你可能也想知道）
Bootstrap Shortcodes Ultimate 》這是一個簡單的外掛，可加載 Bootstrap 4 的 CSS、JS，和一些有用的 WordPress 短碼以供視覺使用。, 短碼列表, 流體容器, [containerfluid] 內容 [/container...。