/Javascript/Bootstrap/Add bootstrap to gatsby

Add bootstrap to gatsby

npm install --save react-bootstrap
npm install --save bootstrap

Add bootstrap to gatsby

import React from 'react';
import '../path_to/bootstrap.min.css';

const MyComponent = () => (
    <div>
        <p>This contains a button which uses the bootstrap.css</p>
        <button class="btn btn-primary">Click me</button>
    </div>
);

Install bootstrap in gatsbyjs

// npm i bootstrap jquery popper.js

// On gatsby-browser.js
import "bootstrap/dist/css/bootstrap.min.css";
import "jquery/dist/jquery.min.js";
import "popper.js/dist/popper.min";
import "bootstrap/dist/js/bootstrap.min.js";

Source: stackoverflow.com

Add bootstrap to gatsby

import React from 'react';
import { Button } from 'react-bootstrap';

const MyComponent = () => (
      <div>
        <p>This contains a button which is exported by react-bootstrap</p>
        <Button variant="primary">Primary</Button>
    </div>
);

Similar codes

0 vote426 views1 answer
Input area bootstrap highlight
CSS Bootstrap
40 votes467 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
120 votes496 views3 answers
React import bootstrap css file
CSS Bootstrap
253 votes556 views10 answers
Bootstrap cdn
CSS Bootstrap
34 votes400 views6 answers
Rounded bootstrap
Javascript Bootstrap
0 vote431 views1 answer
Wp_enqueue_script bootstrap 5
Javascript Bootstrap
3 votes417 views1 answer
Jquery close bootstrap model
Javascript Bootstrap
0 vote434 views1 answer
React bootstrap carousel not working
CSS Bootstrap
9 votes420 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
0 vote543 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap