为什么我的Meteor项目中没有bootstrap工作?

时间:2017-12-14 03:14:42

标签: twitter-bootstrap reactjs 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"
  }
}
你可以帮帮我吗?

1 个答案:

答案 0 :(得分:1)

只需将bootstrap添加到项目中,相应地应用样式。

meteor add twbs:bootstrap