內容簡介
此 WordPress 外掛可透過在內容周圍包裝簡碼 (shortcode)，讓文章和頁面輕鬆添加具有回應性 (Bootstrap) 的欄位配置。
使用外掛的編輯器按鈕添加欄位，或簡單地複製並貼上以下代碼。在文字小工具或文章/頁面中使用簡碼：
2 列配置: –
[bscolumns class=”one_half”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_half_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]
3 列配置: –
[bscolumns class=”one_third”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_third”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_third_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]
4 列配置: –
[bscolumns class=”one_fourth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fourth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fourth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fourth_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]
5 列配置: –
[bscolumns class=”one_fifth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fifth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fifth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fifth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_fifth_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]
6 列配置: –
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_sixth_last”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]
1/3 和 2/3 列配置: –
[bscolumns class=”one_third”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”two_third_last_clear”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]
2/3 和 1/3 列配置: –
[bscolumns class=”two_third”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”one_third_last_clear”] 您的內容在這裡 [/bscolumns]
[bscolumns class=”clear”][/bscolumns]
欄位具有響應性，將佔據整個屏幕寬度。
查看演示這裡。
使用新插件，您可以像 1/3+2/3 這樣從 Tinymce 按鈕輸入列組合。這將給您三分之一的列和三分之二的列。
如果有任何問題或建議，請在支援論壇發表評論或文章。謝謝！
外掛標籤
開發者團隊
② 後台搜尋「eVision Responsive Column Layout Shortcodes」→ 直接安裝（推薦）
原文外掛簡介
This Plugin easily adds responsive ( BootStrap ) columns layout into posts and pages by wrapping content with a shortcode.
Use the Plugin’s button on the editor to add columns or simply copy and paste the beneath codes. Use the shortcode in the text widget or posts/pages like this:
2 column layout: –
[bscolumns class=”one_half”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_half_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns]
3 column layout: –
[bscolumns class=”one_third”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_third”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_third_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns]
4 column layout: –
[bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fourth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fourth_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns]
5 column layout: –
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fifth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_fifth_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns]
6 column layout: –
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_sixth_last”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns]
1/3 and 2/3 column layout: –
[bscolumns class=”one_third”]Your Content Goes here[/bscolumns]
[bscolumns class=”two_third_last_clear”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns]
2/3 and 1/3 column layout: –
[bscolumns class=”two_third”]Your Content Goes here[/bscolumns]
[bscolumns class=”one_third_last_clear”]Your Content Goes here[/bscolumns]
[bscolumns class=”clear”][/bscolumns]
The columns are responsive and will occupy the whole width of your screen.
Checkout the demo here
With new plugin, you can enter the column combination from Tinymce button like 1/3+2/3. This will give you one third of column, and 2 third of the column.
If you have any questions and suggestions, leave a comments or post it in support forum. Thank you!
