我一直在研究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
答案 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