Bootstrap

Description

Use this component to easily add Bootstrap CSS styles to the <head/> element of the page.

By default, styles are loaded from bootstrapcdn.com CDN.

Usage

import { Bootstrap } from 'react-bootswatch-select';
...
<Bootstrap version={'4.4.1'} />

See bootstrapcdn.com for the latest CDN version available.

Props

version

string

required

cdnLocation

string | undefined

filename

string | undefined

Note: Expand each prop for more information.

The following template is used for the Bootstrap CSS path: ${cdnLocation}/${version}/css/${filename}

Example

To load Bootstrap before the BootswatchSelect is used:

import { Bootstrap, BootswatchSelect } from 'react-bootswatch-select';
...
<Bootstrap version={'4.4.1'} />
<BootswatchSelect version={'4.4.1'} className="form-control" />

Demo