bsStyle of Bootstrap React не работает

Я работаю над реакцией Boostrap уже 3 часа. Я пытался найти вопросы и ответы на свою проблему. bsStyle из Bootstrap React вообще не работает, поэтому мне интересно, почему? Я видел так много примеров, и они просто импортируют, как то, что сделал я.

import {Button} from 'react-bootstrap';

но я по-прежнему получаю простую кнопку без стилей здесь, мой компонент

export class bsButton extends React.Component{
render () {
        return (
            <div>
                <Button bsStyle="primary">primary button</Button>
            </div>
        );
    }
} 

что не так с моим импортом или кодом моего компонента? Ваша помощь ценится: D


person Yiman Kaing    schedule 25.04.2016    source источник
comment
Вы включили таблицы стилей? response-bootstrap.github.io/getting-started.html   -  person Will    schedule 25.04.2016
comment
О мой Бог! Я не читал его и никогда не думал, что мне нужно импортировать необработанный файл начальной загрузки css, потому что он установлен из npm. И в моем проекте также установлен пользовательский интерфейс материалов. В пользовательском интерфейсе материала нет css, поэтому я просто импортирую его имя класса, тогда он придаст мне приятный стиль ... но реакция Boostrap ... в любом случае спасибо за вашу идею   -  person Yiman Kaing    schedule 25.04.2016
comment
Я добавил ответ, если вы отметите его как правильный :)   -  person Will    schedule 26.04.2016


Ответы (2)


Вам нужно убедиться, что вы добавили загрузочный CSS в заголовок своей страницы. Начало работы Об этом можно легко забыть при добавлении библиотеки через NPM.

person Will    schedule 26.04.2016
comment
Да! Раньше я устанавливал пакет meteor с atmospherejs.com, и мне не нужно было включать его в head или что-то еще. и я думаю, что пакет npm похож на то, что я знал, но ... другой: D Я использую метеор + реагировать для создания веб-приложения. В моей работе будет много неудач. Спасибо за идею: D - person Yiman Kaing; 26.04.2016

Включают

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

в общедоступном / index.html

  <head>
  .
  .
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
  .
  .
  </head>

источник: здесь

person ChaosPredictor    schedule 07.03.2017