{{tag>dokuwiki プラグイン デモ}} ====== 【Dokuwiki】Bootstrap Wrapper Plugin のデモ ====== DokuWiki の [[doku>plugin:bootswrapper|Bootstrap Wrapper Plugin]] の機能を試してみるページです。 ===== Jumbotron ===== __Wiki ソース__ これはサンプルです。This is a sample. 画像を背景にします。 __表示結果__ これはサンプルです。This is a sample. 画像を背景にします。 ===== Buttons ===== __Wiki ソース__ Default Primary Success Info Warning Danger Link Large button Large button Default button Default button Small button Small button Extra small button Extra small button Block level button Block level button [[:dokuwiki:bootswrapper#buttons|Enabled]] [[:dokuwiki:bootswrapper#buttons|Enabled]] [[:dokuwiki:bootswrapper#buttons|Disabled]] [[:dokuwiki:bootswrapper#buttons|Disabled]] [[:start|ホーム]] __表示結果__ Default Primary Success Info Warning Danger Link Large button Large button Default button Default button Small button Small button Extra small button Extra small button Block level button Block level button [[:dokuwiki:bootswrapper#buttons|Enabled]] [[:dokuwiki:bootswrapper#buttons|Enabled]] [[:dokuwiki:bootswrapper#buttons|Disabled]] [[:dokuwiki:bootswrapper#buttons|Disabled]] [[:start|ホーム]] ===== Alerts ===== __Wiki ソース__ 成功です 情報です **警告!!** サンプルです 危険です __表示結果__ 成功です 情報です **警告!!** サンプルです 危険です ===== Text ===== __Wiki ソース__ 左寄せのテキスト 中央寄せのテキスト 右寄せのテキスト 両端揃えのテキスト 折り返しなしのテキスト Lowercased text. Uppercased text. Capitalized text. type="muted" サンプルです。 type="primary" サンプルです。 type="success" サンプルです。 type="info" サンプルです。 type="warning" サンプルです。 type="danger" サンプルです。 background="primary" サンプルです。 background="success" サンプルです。 background="info" サンプルです。 background="warning" サンプルです。 background="danger" サンプルです。 size="xx-small" サンプルです。 size="x-small" サンプルです。 size="small" サンプルです。 size="medium" サンプルです。 size="large" サンプルです。 size="x-large" サンプルです。 size="xx-large" サンプルです。 size="smaller" サンプルです。 size="larger" サンプルです。 size="300%" サンプルです。 size="3em" サンプルです。 size="30px" サンプルです。 __表示結果__ 左寄せのテキスト 中央寄せのテキスト 右寄せのテキスト 両端揃えのテキスト 折り返しなしのテキスト Lowercased text. Uppercased text. Capitalized text. type="muted" サンプルです。 type="primary" サンプルです。 type="success" サンプルです。 type="info" サンプルです。 type="warning" サンプルです。 type="danger" サンプルです。 background="primary" サンプルです。 background="success" サンプルです。 background="info" サンプルです。 background="warning" サンプルです。 background="danger" サンプルです。 size="xx-small" サンプルです。 size="x-small" サンプルです。 size="small" サンプルです。 size="medium" サンプルです。 size="large" サンプルです。 size="x-large" サンプルです。 size="xx-large" サンプルです。 size="smaller" サンプルです。 size="larger" サンプルです。 size="300%" サンプルです。 size="3em" サンプルです。 size="30px" サンプルです。 ===== Tooltips ===== __Wiki ソース__ マウスをここにあてるとツールチップが表示されます。\\ ツールチップ内の文字の修飾もできる。\\ __表示結果__ マウスをここにあてるとツールチップが表示されます。\\ ツールチップ内の文字の修飾もできる。\\ ===== Grids ===== __Wiki ソース__ .col-sm-6 .col-sm-6 .col-sm-6 .col-sm-6 .col-xs-12 .col-sm-6 .col-lg-8 .col-xs-6 .col-lg-4 __表示結果__ .col-sm-6 .col-sm-6 .col-sm-6 .col-sm-6 .col-xs-12 .col-sm-6 .col-lg-8 .col-xs-6 .col-lg-4 ===== Thumbnails ===== __Wiki ソース__ {{ wiki:dokuwiki-128.png }} これはサンプルです。 {{ wiki:dokuwiki-128.png }} === DokuWiki ==== //DokuWiki is a simple to use and highly versatile Open Source wiki software that doesn't require a database. It is loved by users for its clean and readable syntax. The ease of maintenance, backup and integration makes it an administrator's favorite. Built in access controls and authentication connectors make DokuWiki especially useful in the enterprise context and the large number of plugins contributed by its vibrant community allow for a broad range of use cases beyond a traditional wiki.// これはサンプルです。 __表示結果__ {{ wiki:dokuwiki-128.png }} これはサンプルです。 {{ wiki:dokuwiki-128.png }} === DokuWiki ==== //DokuWiki is a simple to use and highly versatile Open Source wiki software that doesn't require a database. It is loved by users for its clean and readable syntax. The ease of maintenance, backup and integration makes it an administrator's favorite. Built in access controls and authentication connectors make DokuWiki especially useful in the enterprise context and the large number of plugins contributed by its vibrant community allow for a broad range of use cases beyond a traditional wiki.// これはサンプルです。 ===== Panels ===== __Wiki ソース__ 基本のパネル つきのパネル つきのパネル type="primary" type="success" type="info" type="warning" type="danger" no-body="true" あり ^ # ^ First Name ^ Last Name ^ Username ^ ^ 1 | Mark | Otto | @mdo | ^ 2 | Jacob | Thornton | @fat | ^ 3 | Larry | the Bird | @twitter | no-body="true" なし ^ # ^ First Name ^ Last Name ^ Username ^ ^ 1 | Mark | Otto | @mdo | ^ 2 | Jacob | Thornton | @fat | ^ 3 | Larry | the Bird | @twitter | __表示結果__ 基本のパネル つきのパネル つきのパネル type="primary" type="success" type="info" type="warning" type="danger" no-body="true" あり ^ # ^ First Name ^ Last Name ^ Username ^ ^ 1 | Mark | Otto | @mdo | ^ 2 | Jacob | Thornton | @fat | ^ 3 | Larry | the Bird | @twitter | no-body="true" なし ^ # ^ First Name ^ Last Name ^ Username ^ ^ 1 | Mark | Otto | @mdo | ^ 2 | Jacob | Thornton | @fat | ^ 3 | Larry | the Bird | @twitter | ===== Wells ===== __Wiki ソース__ Look, I'm in a well! Look, I'm in a small well! Look, I'm in a large well! __表示結果__ Look, I'm in a well! Look, I'm in a small well! Look, I'm in a large well! ===== Labels ===== __Wiki ソース__ * * * * * * __表示結果__ * * * * * * ===== Nav & Tabs (with dropdown) ===== __Wiki ソース__ * [[#tab-foo|Foo]] * [[#tab-bar|Bar]] === Foo === タブを切り替える時、フェードエフェクトつきで切り替わる === Bar === タブを切り替える時、フェードエフェクトつきで切り替わる __表示結果__ * [[#tab-foo|Foo]] * [[#tab-bar|Bar]] === Foo === タブを切り替える時、フェードエフェクトつきで切り替わる === Bar === タブを切り替える時、フェードエフェクトつきで切り替わる ===== Page header ===== __Wiki ソース__ Example page header __表示結果__ Example page header ===== Lead ===== __Wiki ソース__ これはサンプルです。 __表示結果__ これはサンプルです。 ===== Badges ===== __Wiki ソース__ Inbox 42 Messages 4 __表示結果__ Inbox 42 Messages 4 ===== List Group ===== __Wiki ソース__ * アイテム１ * アイテム２ * アイテム３ * アイテム１14 * アイテム２2 * アイテム３1 * [[.:]] * [[:wiki:welcome]] * [[:wiki:syntax]] * [[.:]] \\ あいうえおあいうえおあいうえお * [[:wiki:welcome]] \\ かきくけこかきくけこかきくけこ * [[:wiki:syntax]] \\ さしすせそさしすせそさしすせそ __表示結果__ * アイテム１ * アイテム２ * アイテム３ * アイテム１14 * アイテム２2 * アイテム３1 * [[.:]] * [[:wiki:welcome]] * [[:wiki:syntax]] * [[.:]] \\ あいうえおあいうえおあいうえお * [[:wiki:welcome]] \\ かきくけこかきくけこかきくけこ * [[:wiki:syntax]] \\ さしすせそさしすせそさしすせそ ===== Progress Bars ===== __Wiki ソース__ __表示結果__ ===== Affix ===== __Wiki ソース__ 文章が指定した位置に固定表示されます。 __表示結果__ 文章が指定した位置に固定表示されます。 ===== Carousel ===== __Wiki ソース__ {{:dokuwiki:pasted:20230804-142955.png?nolink|}} === 最初のスライド === これはサンプルです。 === ２枚目のスライド === これはサンプルです。 {{:dokuwiki:pasted:20230804-142955.png?nolink|}} === ３枚目のスライド === これはサンプルです。 {{:dokuwiki:pasted:20230804-142955.png?nolink|}} __表示結果__ {{:dokuwiki:pasted:20230804-142955.png?nolink|}} === 最初のスライド === これはサンプルです。 === ２枚目のスライド === これはサンプルです。 {{:dokuwiki:pasted:20230804-142955.png?nolink|}} === ３枚目のスライド === これはサンプルです。 {{:dokuwiki:pasted:20230804-142955.png?nolink|}} ===== Accordion ===== __Wiki ソース__ パネル１の内容 パネル２の内容 パネル３の内容 __表示結果__ パネル１の内容 パネル２の内容 パネル３の内容 ===== Callouts ===== __Wiki ソース__ This is a default callout. This is a primary callout. This is a success callout. This is a info callout. This is a warning callout. This is a danger callout. __表示結果__ This is a default callout. This is a primary callout. This is a success callout. This is a info callout. This is a warning callout. This is a danger callout. ===== Modal (with remote attribute) ===== __Wiki ソース__ Large modal Small modal ... ... __表示結果__ Large modal Small modal ... ... ===== Popover ===== __Wiki ソース__ トグルボタン __表示結果__ トグルボタン ===== 参考 ===== * [[https://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper|https://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper]]