無法應用引導或陣營，引導樣式應用與創造 - 反應 - 創建的應用程序

正如標題所說，我也跟着安裝步驟按照引導和應對，引導文檔使用create-react-app後：無法應用引導或陣營，引導樣式應用與創造 - 反應 - 創建的應用程序

npm install --save react-bootstrap [email protected]

遂把index.html中以防萬一的鏈接引導CDN：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

這裏是我的反應程序不正確應用樣式的最開始：

MyNavbar.jsx：

import React, { Component } from 'react'; 
import {Navbar} from 'react-bootstrap'; 
import {Nav} from 'react-bootstrap'; 
import {NavItem} from 'react-bootstrap'; 
import 'bootstrap/dist/css/bootstrap.css'; 

class MyNavbar extends Component { 
    render() { 
     return(
      <div> 
       <Navbar> 
        <Navbar.Header> 
         <Navbar.Brand> 
          <a href="#"> grood </a> 
         </Navbar.Brand> 
        </Navbar.Header> 
        <Nav> 
         <NavItem eventKey={2} href="#"> For Eateries </NavItem> 
        </Nav> 
       </Navbar> 
      </div> 
     ) 
    } 
} 

export default MyNavbar;

App.js：

import React, { Component } from 'react'; 
import MyNavbar from './MyNavbar.jsx' 
import 'bootstrap/dist/css/bootstrap.css'; 

class App extends Component { 
    render() { 
     return (
      <div className="App"> 
       <MyNavbar /> 
      </div> 
     ); 
    } 
} 

export default App;

兩個MyNavbar和App在同一個SRC文件

來源

2017-07-17 VWang

你能發佈你得到的錯誤嗎？ – tomr

react-bootstrap是建立引導 - 不。

將package bootstrap 3安裝到您的項目中並從那裏導入css。

有一個React項目& Bootstrap 4雖然：reactstrap。

來源

2017-07-17 13:12:24

非常感謝您的澄清。你知道reactstrap是否比反應bootstrap以任何方式？ – VWang

我沒有使用reactstrap作爲Bootstrap 4是alpha，而不是生產選項。 –

無法應用引導或陣營，引導樣式應用與創造 - 反應 - 創建的應用程序

回答

相關問題