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 vote142 views1 answer
How to find the ~/.zshrc file
Shell/Bash
0 vote158 views1 answer
Plank dock
Shell/Bash
0 vote146 views3 answers
Wsl file
Shell/Bash
0 vote151 views1 answer
If the {string} part is omitted, it is considered as an empty string, and the matched pattern is deleted. The following command deletes all instances of the string ‘foo’ in the current line
Shell/Bash
1 vote144 views2 answers
How to check how many files are in a folder linux
Shell/Bash
5 votes147 views4 answers
Flutter Web Setup
Shell/Bash
4 votes183 views3 answers
00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'install'
Shell/Bash
0 vote159 views1 answer
Bash curl weather report
Shell/Bash
0 vote158 views1 answer
Linux chown www-data
Shell/Bash
2 votes138 views1 answer
Dd usr1
Shell/Bash