bootstrap React的bsStyle不起作用

时间:2016-04-25 14:26:01

标签: reactjs react-bootstrap

我一直在研究boostrap反应3小时。我试图找到我的问题的问题和答案。 Bootstrap React的bsStyle根本不起作用,所以我想知道为什么?我见过很多例子,他们只是像我所做的那样导入。

import {Button} from 'react-bootstrap';

但我仍然得到一个没有任何样式的简单按钮 这里是我的组件

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

我的导入或组件代码有什么问题? 感谢您的帮助:D

2 个答案:

答案 0 :(得分:8)

您需要确保在页面的头部添加了引导程序CSS。 Getting Started通过NPM添加库时很容易忘记这一点

答案 1 :(得分:6)

包含

func searchView(_ searchView: AZSearchViewController, didTextChangeTo text: String, textLength: Int) {
    self.resultArray.removeAll()
    searchView.reloadData()

guard text != "" else {
    return
}    
    AppFirRef.userRef.queryOrdered(byChild: "username")
        .queryStarting(atValue: text)
        .queryEnding(atValue: text + "\\uf8ff")
        .observe(.value, with: { (snapshot) in
            if (snapshot.value is NSNull) {
                print("not found")
            } else {
                print("found")
                self.resultArray.removeAll()
                searchView.reloadData()

                print("\(snapshot.value)")
                for case let snap as FIRDataSnapshot in snapshot.children {
                    guard let value = snap.value as? [String : Any] else { continue }
                    //print("\(snap.key)")
                    print(value)
                    let user = LContact(value: value, searchUserId: snap.key)
                    self.set.add(user)
                    if let username = user.username{
                        self.resultArray.append(username.lowercased())
                        searchView.reloadData()
                    }
                }

            }
        })

}

in public / index.html

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

来源:here