Test2: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<div class="card-deck"> | |||
<div class="card bg-warning"> | |||
<div class="card-header">'''<big>[[Components]]</big>'''</div> | |||
<div class="card-body bg-white"> | |||
<p class="card-text">Components are predefined elements or features you can easily add to the wiki to build responsive and visually appealing user interfaces.</p> | |||
<p class="card-text">Text</p> | |||
</div> | |||
</div> | |||
<div class="card bg-warning"> | |||
<div class="card-header">'''<big>[[Colors]]</big>'''</div> | |||
<div class="card-body bg-white"> | |||
<p class="card-text">Several CSS classes for coloring backgrounds, borders, and text are available. You can use them for com­ponents and other elements.</p> | |||
<p class="card-text">Text</p> | |||
</div> | |||
</div> | |||
<div class="card bg-warning"> | |||
<div class="card-header">'''<big>[[Grid]]s</big>'''</div> | |||
<div class="card-body bg-white"> | |||
<p class="card-text">You can use a series of CSS classes to build layouts of all shapes and sizes with responsible (mobile-friendly) columns and rows.</p> | |||
<p class="card-text">Text</p> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="btn-group" role="group" aria-label="Basic example"> | <div class="btn-group" role="group" aria-label="Basic example"> | ||
<button type="button" class="btn btn-secondary">Left</button> | <button type="button" class="btn btn-secondary">Left</button> |
Revision as of 17:55, 1 November 2024
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 type="button" class="btn btn-secondary">Left</button> <button type="button" class="btn btn-secondary">Middle</button> <button type="button" class="btn btn-secondary">Right</button>
<a href="#" class="btn btn-primary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Primary link</a>
<a href="#" class="btn btn-secondary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Link</a>