Basic Usage Examples

Here are some examples of how you can use LiteStrap components in your project:

• Buttons:

  <button class="button primary">Primary Button</button;
  <button class="button secondary outline">Secondary Outline Button</button>

• Navigation:

  <nav class="container">
      <ul>
          <li><a href="#home">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#contact">Contact</a></li>
      </ul>
  </nav>

• Grid Layout:

  <div class="row">
      <div class="col-8">Column 1</div>
      <div class="col-4">Column 2</div>
  </div>

These examples are just the beginning. LiteStrap provides a wide range of utility classes and JavaScript components to help you create responsive and feature-rich web pages with minimal effort.