https://solid-libs.github.io/solid-bootstrap/

SolidJS components for Bootstrap 5
https://solid-libs.github.io/solid-bootstrap/

Last synced: about 1 month ago
JSON representation

SolidJS components for Bootstrap 5

• Host: GitHub
• URL: https://solid-libs.github.io/solid-bootstrap/
• Owner: solid-libs
• License: mit
• Created: 2021-11-25T07:36:12.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-10T23:41:57.000Z (7 months ago)
• Last Synced: 2024-10-30T22:41:42.593Z (about 1 month ago)
• Language: MDX
• Homepage: https://solid-libs.github.io/solid-bootstrap/
• Size: 8.42 MB
• Stars: 146
• Watchers: 4
• Forks: 6
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-solid-js - Solid Bootstrap - The most popular front-end framework, re-built for SolidJS (📦 Components & Libraries / Frameworks & Component Libraries)

README

        
# Solid-Bootstrap

## Documentation

**[Documentation is available here.](https://solid-libs.github.io/solid-bootstrap/)**

## Overview

Solid-Bootstrap is a port of [React-Bootstrap](https://react-bootstrap.github.io/) for [SolidJS](https://www.solidjs.com/).

This is a complete implementation of the Bootstrap 5 components using SolidJS. It has no dependency on either bootstrap.js or jQuery. If you have SolidJS setup and Solid-Bootstrap installed, you have everything you need.

## Getting started

1. Create a new SolidJS website per [Solid's documentation](https://www.solidjs.com/guide) (if you don't have an existing site).

2. Add the Bootstrap 5 CSS to `index.html` per [Bootstrap's documentation](https://getbootstrap.com/docs/5.0/getting-started/introduction/).

3. Install `solid-bootstrap` with `npm`, `yarn`, `pnpm`, etc...

```

> npm install solid-bootstrap

```

> Tip! You may need to clear out some CSS in the default SolidJS template to get the full Bootstrap experience.

## Porting approach

We have changed as little as possible while porting this code.

Principles:

- The goal is to capture all of the proven behaviour of React-Bootstrap, @restart/ui (core) and related projects.

- Keep the source file structure the same.

- Keep the source code as similar as possible to enable future commits to the original projects to also be pulled into this project.

- Enable validation of the porting approach using a side-by-side comparison between the ported SolidJS code and the original implementation.