[Solved] Why react-bootstrap isn't working properly?


#1

Tried to include react-bootstrap like this:

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

const MainLayout = ({content}) => (

    <div className="main-layout">
        <Button bsStyle="success" bsSize="large" block>Hello</Button>
        {content()}
    </div>
)

export default MainLayout

But have just ordinary button.

Tried also like this:
import Button from 'react-bootstrap/lib/Button'

Any advice how to catch this bug? :grin:


#2

May be Meteor doesn’t support it natively?
May be it conflicts with smth?

packages:

meteor-base             # Packages every Meteor app needs to have
mobile-experience       # Packages for a great mobile UX
mongo                   # The database Meteor supports right now
blaze-html-templates    # Compile .html files into Meteor Blaze views
reactive-var            # Reactive variable for tracker
jquery                  # Helpful client-side library
tracker                 # Meteor's client-side reactive programming library
standard-minifier-css   # CSS minifier run for production mode
standard-minifier-js    # JS minifier run for production mode
es5-shim                # ECMAScript 5 compatibility for older browsers.
ecmascript              # Enable ECMAScript2015+ syntax in app code
kadira:flow-router
meteortoys:allthings
audit-argument-checks
accounts-password

I have components but without styling

But I have:


#3

Did you add the Bootstrap stylesheet to your app?


#4

@idmontie Ups :innocent: I didn’t know I should. Sorry and thank you very much :grin: