Title: Bootstrap Shortcodes
Author: sinetheta
Published: <strong>2013 年 9 月 24 日</strong>
Last modified: 2026 年 3 月 10 日

---

搜尋外掛

![](https://ps.w.org/bootstrap-shortcodes/assets/banner-772x250.png?rev=778515)

![](https://ps.w.org/bootstrap-shortcodes/assets/icon.svg?rev=1034009)

# Bootstrap Shortcodes

 由 [sinetheta](https://profiles.wordpress.org/sinetheta/) 開發

[下載](https://downloads.wordpress.org/plugin/bootstrap-shortcodes.3.4.4.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/bootstrap-shortcodes/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/bootstrap-shortcodes/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/bootstrap-shortcodes/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/bootstrap-shortcodes/#developers)

 [技術支援](https://wordpress.org/support/plugin/bootstrap-shortcodes/)

## 外掛說明

WordPress plugin to add shortcodes for Twitter Bootstrap 3.3

### Latest Bootstrap

Bootstrap Shortcodes allow quick and easy implementation of Twitter Bootstrap components
through the TinyMCE rich-editor.

### Supported Shortcodes

We add a row of buttons to the bottom of your post editor Visual mode, each of which
gives options for inserting Bootstrap’s most popular components.

### CSS

 * Alerts
 * Buttons
 * Grid (container, row, columns, fully responsive)
 * Icons
 * Labels
 * Lead Text
 * Wells

### JavaScript

 * Collapse
 * Tabs
 * Tooltip

### Support

Please report issues directly to our [Github repository](https://github.com/TheWebShop/bootstrap-shortcodes/issues).

## 螢幕擷圖

 * [[
 * The rendered Bootstrap components as they would appear with a default Bootstrap
   3 theme.
 * [[
 * Enable the Bootstrap Shortcodes icons by toggling the Advanced Editor Toolbar.
 * [[
 * Custom buttons added to the TinyMCE visual editor for adding shortcodes to content.
 * [[
 * The glyphicon selection tool for adding Bootstrap icons.
 * [[
 * The grid maker tool to help create custom layouts.
 * [[
 * The button maker tool to help setting up your buttons.
 * [[
 * The available notifications.

## 安裝方式

 1. Unzip files.
 2. Upload the folder into your plugins directory.
 3. Activate the plugin.
 4. Add new shortcodes to posts or pages.

## 常見問題集

### There is no Button in the Visual Editor

You must toggle the Advanced Editor Toolbar to unlock the Bootstrap Shortcodes icons.(
see screenshot)

## 使用者評論

![](https://secure.gravatar.com/avatar/4df2480cfc26a71306e258c1eae383464ca723f48f4bc4c2c14f9dbce078475d?
s=60&d=retro&r=g)

### 󠀁[I love it!!](https://wordpress.org/support/topic/i-love-it-333/)󠁿

 [joksan](https://profiles.wordpress.org/joksan/) 2017 年 11 月 1 日

¿Qué puedo decir? Me encanta, simplemente es magnífico y simplifica el trabajo haciendo
bellas entradas en mi blog. Aunque claro, Boostrap Shortcodes da para más 😉

![](https://secure.gravatar.com/avatar/23d6b0d7ea607a0fb14be04a8cf4e7afc51b3938f32f328d5d3a47e0ff17b154?
s=60&d=retro&r=g)

### 󠀁[Great](https://wordpress.org/support/topic/greate-28/)󠁿

 [nagdawi](https://profiles.wordpress.org/nagdawi/) 2016 年 9 月 3 日

I build many websites using wp this plugin one of my main tools to do this

![](https://secure.gravatar.com/avatar/68f927fd906b659b04b445c7d2d6b44ac3e7d8545d69210b582822dd3ef13508?
s=60&d=retro&r=g)

### 󠀁[does the job without bloating the wysiwyg editor](https://wordpress.org/support/topic/does-the-job-without-bloating-the-wysiwyg-editor/)󠁿

 [Nikhil VJ](https://profiles.wordpress.org/nikhilsheth/) 2016 年 9 月 3 日

does the job propery; without bloating the wysiwyg editor with extra icons that 
after clicking tell that i need to upgrade to pro to activate it.

![](https://secure.gravatar.com/avatar/7339a41f8bf309d02d46c96226623259153e20714d79de50c0722d5cdc6ffb1c?
s=60&d=retro&r=g)

### 󠀁[Simple and to the point](https://wordpress.org/support/topic/simple-and-to-the-point-18/)󠁿

 [randycaruso](https://profiles.wordpress.org/randycaruso/) 2016 年 9 月 3 日

There’s some other variations out there, but this one cuts right to the point. Very
efficient, thanks Kevin.

![](https://secure.gravatar.com/avatar/3f506c374d8cfdf5b5e9aeeb5bfac1130f1c0e1cc9794cf3cc70a26dd636a6ae?
s=60&d=retro&r=g)

### 󠀁[Great work!](https://wordpress.org/support/topic/great-work-349/)󠁿

 [Max K](https://profiles.wordpress.org/kaminskym/) 2016 年 9 月 3 日

Plugin works and looks nice!

![](https://secure.gravatar.com/avatar/7fd0db6b7cc94854050dc68325a632244c35e2b497fede26f1b3631c79f5821e?
s=60&d=retro&r=g)

### 󠀁[Very handy](https://wordpress.org/support/topic/very-handy-96/)󠁿

 [Jordy Meow](https://profiles.wordpress.org/tigroumeow/) 2016 年 9 月 3 日

It’s a very useful plugin and it’s well-made. Thanks a lot for keeping this alive
🙂

 [ 閱讀全部 24 則使用者評論 ](https://wordpress.org/support/plugin/bootstrap-shortcodes/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Bootstrap Shortcodes〉的開發相關工作。

參與者

 *   [ sinetheta ](https://profiles.wordpress.org/sinetheta/)
 *   [ Beau Rixon ](https://profiles.wordpress.org/beaurixon/)
 *   [ No3x ](https://profiles.wordpress.org/no3x/)

[將〈Bootstrap Shortcodes〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/bootstrap-shortcodes)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/bootstrap-shortcodes/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/bootstrap-shortcodes/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/bootstrap-shortcodes/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/bootstrap-shortcodes/)。

## 變更記錄

#### 3.4.2

 * Fix remaining XSS vulnerabilities (e.g. tooltip title escaping)

#### 3.4.1

 * Fix XSS vulnerability (escaping shortcode attributes)

#### 3.4.0

 * Updated icons to 3.3.5
 * Added control panel popup for inserting alerts.
 * Added option to hide dismiss button in alerts.
 * Added option to display accordions as initially expanded.

#### 3.3.0

 * Updated Boostrap from 3.3.1 to 3.3.5
 * Add .btn-block as a button “size”
 * Change default column size from xs to sm

#### 3.2.1

 * Reverted wpautop injection changes to prevent conflicts with other plugins

#### 3.2.0

 * Fixed issues related to WordPress 4.1 update
 * Prevented WordPress wpautop injection from interfering with shortcodes

#### 3.1.0

 * Updated Boostrap from 3.1.1 to 3.3.1
 * Added Aria roles to accordion panels

#### 3.0.2

 * Minor bugfixes and preview updates

#### 3.0.0

 * Updated for WordPress 3.9 and TinyMCE 4

#### 2.1.1

 * Fixed grid wizard

#### 2.1

 * Added support for labels

#### 2.0

 * Namespaced shortcodes to prevent conflicts with other plugins and themes

#### 1.5

 * Added support for tooltips

#### 1.4

 * Added support for tabs

#### 1.3

 * Added support for leads

#### 1.2

 * Added options to disable Shortcodes in TinyMCE editor

#### 1.1

 * Added support for wells

#### 1.0

 * Upgraded from Bootstrap 2 to 3

## 中繼資料

 *  版本 **3.4.4**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **5,000+**
 *  WordPress 版本需求 ** 3.9 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  語言
 * [English (US)](https://wordpress.org/plugins/bootstrap-shortcodes/)
 * 標籤:
 * [bootstrap](https://tw.wordpress.org/plugins/tags/bootstrap/)[buttons](https://tw.wordpress.org/plugins/tags/buttons/)
   [grid](https://tw.wordpress.org/plugins/tags/grid/)[shortcode](https://tw.wordpress.org/plugins/tags/shortcode/)
   [shortcodes](https://tw.wordpress.org/plugins/tags/shortcodes/)
 *  [進階檢視](https://tw.wordpress.org/plugins/bootstrap-shortcodes/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  23 個 5 星使用者評論     ](https://wordpress.org/support/plugin/bootstrap-shortcodes/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/bootstrap-shortcodes/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/bootstrap-shortcodes/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/bootstrap-shortcodes/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/bootstrap-shortcodes/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/bootstrap-shortcodes/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/bootstrap-shortcodes/reviews/)

## 參與者

 *   [ sinetheta ](https://profiles.wordpress.org/sinetheta/)
 *   [ Beau Rixon ](https://profiles.wordpress.org/beaurixon/)
 *   [ No3x ](https://profiles.wordpress.org/no3x/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/bootstrap-shortcodes/)