Question

如何在ReactJs中使用Bootstrap

Answer 1

bootstrap是不提供 输入框 提示功能 的JS插件，一直到到现在的v3都不提供。

但是他提供模态窗、下拉菜单等JS插件，具体的可以到官方网站查看，在网站顶部有个页签“javascript”就是JS插件了。

bootstrap所有的JS插件都是jQuery插件，提供两种接口方式，一种是在页面元素中声明data-属性，如：

1
2
3
4
5
6

<div class="dropdown">
<a data-toggle="dropdown" href="#">Dropdown trigger</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...
</ul>
</div>

另一种，就是直接操作JS接口，如：

1

$('.dropdown-toggle').dropdown()

Answer 2

如果用的jsx，用class等于你想用的bootstrap样式类名
如果用的是js或coffee，用className等于你想用的bootstrap样式类名

Answer 3

样式库的话 你就把样式文件打包在公共的页面上面 写组件时把bootstrap的类名加上就好了，js库还真没有试过，你可以看看antd ，这是阿里出的react的组件库 该有的都有