Test2: Difference between revisions

From Now That's What I Call Music Wiki
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&shy;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 com­ponents 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>