Test2: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
==Image Grid== | |||
<div class="container"> | |||
<div class="row"> | |||
<div class="col"> | |||
<!--1 of 3--> | |||
</div> | |||
<div class="col"> | |||
[[File:DSC02166 363.jpg|300px]] | |||
</div> | |||
<div class="col"> | |||
Lorem ipsum dolor sit amet... | |||
</div> | |||
</div> | |||
</div> | |||
==Jumbotron== | |||
<bootstrap_jumbotron style="border:2px solid #999;" class="bootstrap-jumbotron-example"><big> | <bootstrap_jumbotron style="border:2px solid #999;" class="bootstrap-jumbotron-example"><big> | ||
= Jumbotron title = | = Jumbotron title = | ||
| Line 5: | Line 23: | ||
{{#bootstrap_button: Main Page | text=Learn more! | color=info }} | {{#bootstrap_button: Main Page | text=Learn more! | color=info }} | ||
</bootstrap_jumbotron> | </bootstrap_jumbotron> | ||
==Accordion== | |||
<bootstrap_accordion> | <bootstrap_accordion> | ||
| Line 15: | Line 35: | ||
</bootstrap_accordion> | </bootstrap_accordion> | ||
==Card Deck== | |||
<div class="card-deck"> | <div class="card-deck"> | ||
| Line 39: | Line 60: | ||
</div> | </div> | ||
</div> | </div> | ||
==Button== | |||
{{#bootstrap_button: Chameleon | color=primary}} | {{#bootstrap_button: Chameleon | color=primary}} | ||
| Line 44: | Line 67: | ||
{{#bootstrap_button: Tweeki | color=info | text=Tweeki Skin }} | {{#bootstrap_button: Tweeki | color=info | text=Tweeki Skin }} | ||
==Card Deck 2== | |||
<div class="card-deck"> | <div class="card-deck"> | ||
Revision as of 18:46, 1 November 2024
Image Grid[edit]
Jumbotron[edit]
Jumbotron title[edit]
Jumbotrons are flexible elements used for calling extra attention to featured content or information.
Accordion[edit]
Lorem ipsum 1
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Card Deck[edit]
Components are predefined elements or features you can easily add to the wiki to build responsive and visually appealing user interfaces.
Text
Several CSS classes for coloring backgrounds, borders, and text are available. You can use them for components and other elements.
Text
You can use a series of CSS classes to build layouts of all shapes and sizes with responsible (mobile-friendly) columns and rows.
Text
Button[edit]
Chameleon Medik Skin Tweeki Skin
Card Deck 2[edit]
Lorem ipsum
Card title
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum
Card title
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum and a bit more text to see what happens with this
Card title
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
