“Fügen Sie Gatsby Bootstrap hinzu” Code-Antworten

Fügen Sie Gatsby Bootstrap hinzu

npm install --save react-bootstrap
npm install --save bootstrap
Dark Donkey

Installieren Sie 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";
Fair Flatworm

Fügen Sie Gatsby Bootstrap hinzu

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>
);
Dark Donkey

Fügen Sie Gatsby Bootstrap hinzu

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>
);
Dark Donkey

Ähnliche Antworten wie “Fügen Sie Gatsby Bootstrap hinzu”

Fragen ähnlich wie “Fügen Sie Gatsby Bootstrap hinzu”

Weitere verwandte Antworten zu “Fügen Sie Gatsby Bootstrap hinzu” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen