2017-12-14 6 views
-4

私のコンテナが動作しない、私はそれが既にインストールされていることを言いますが、それは一度進行中私のMeteorプロジェクトでブートストラップが動作しないのはなぜですか?ブートストラップ付き

動作しないパッケージを追加追加しようとすると、私のコンポーネントは、

getbootstrap.com/の例のように示されていません

component.js

import React from 'react'; 

class SideBar extends React.Component { 
    render() { 
      var estilo = { textDecoration: "underline" }; 
      return (
       <div class="container"> 
    <div class="row"> 
    <div class="col-sm"> 
     One of three columns 
    </div> 
    <div class="col-sm"> 
     One of three columns 
    </div> 
    <div class="col-sm"> 
     One of three columns 
    </div> 
    </div> 
</div> 

      ); 
    }; 
} 
export default SideBar; 

と私のJSON

{ 
    "name": "bonafont_2", 
    "private": true, 
    "scripts": { 
    "start": "meteor run" 
    }, 
    "dependencies": { 
    "animate.css": "^3.5.2", 
    "antd": "^2.13.10", 
    "babel-runtime": "^6.26.0", 
    "bootstrap": "^3.3.7", 
    "indexof": "0.0.1", 
    "material-ui": "^0.19.4", 
    "meteor-node-stubs": "~0.2.4", 
    "prop-types": "^15.6.0", 
    "pui-react-dropdowns": "^8.3.3", 
    "ramda": "^0.25.0", 
    "react": "^15.6.1", 
    "react-bootstrap": "^0.31.5", 
    "react-burger-menu": "^2.1.11", 
    "react-dom": "^15.6.1", 
    "react-popover": "^0.5.4", 
    "react-responsive": "^4.0.3", 
    "react-reveal": "^0.7.3", 
    "react-router": "^3.0.0", 
    "react-scroll": "^1.6.7", 
    "react-simple-parallax": "^0.2.6", 
    "react-slick": "^0.16.0", 
    "react-springy-parallax": "^1.0.11", 
    "react-sticky": "^6.0.1", 
    "reactstrap": "^4.8.0", 
    "rxjs": "^5.5.2", 
    "scroll-progress-react": "^0.1.4", 
    "scrollmagic": "^2.0.5", 
    "semantic-ui-react": "^0.76.0", 
    "simpl-schema": "^0.3.2", 
    "simple-schema": "^1.1.0", 
    "sweetalert": "^2.0.3" 
    } 
} 

お手伝いできますか?

+3

問題は何ですか?クラスは適用されません。それを含む問題はどこか?どのようにそれを含めるのですか?ブートストラップCSSファイルをHTML(または他の場所)に含めますか?反応起動ストラップモジュールがありますが、コンポーネント内のコンポーネントは実際に使用していません。それはあなたが参照しているブートストラップのものですか?どうか明らかにしてください。また、あなたのポスト404のリンク – Jayce444

+0

の最後のコメントを確認することができます@ Jayce444 – emeeery

答えて

1

プロジェクトにブートストラップを追加するだけで、スタイルが適切に適用されます。

meteor add twbs:bootstrap 
関連する問題