引导程序选择样式不起作用

我已经安装了bootstrap select包,版本1.13.1。

https://silviomoreto.github.io/bootstrap-select/

问题

我想在我的reactjs+bootstrap项目中实现多选功能。但是,样式似乎与文档示例中显示的不一样。我的仍然显示出“基本”的风格。

我错过了什么?

我所做的

我已经把下面的部分放在我的JSX文件中。

class MyTestBox extends React.Component {
//blah blah
render() {
//blah blah
<div class="row">
    <div class="col-xs-3">
        <div class="form-group">
            <select class="selectpicker form-control" multiple>
                <option>Mustard</option>
                <option>Ketchup</option>
                <option>Relish</option>
            </select>
        </div>
    </div>
</div>
}}

var MyTestBox = ReactDOM.render(
    <MyTestBox />,
    document.getElementById('content')
);

这是我的cshtml文件。

@{
    ViewBag.Title = "Hello World";
}

//blah blah
<div id="content"></div>

@Scripts.Render("~/bundles/myTestBundle")
<script type="text/javascript">
    $(function () {
        $('.selectpicker').selectpicker();
    });
</script>

与其他文章一样,我似乎仍然需要在某个地方添加URL来引用引导选择库。我也应该这样做吗?如果是,怎么做?

Bootstrap Select style and search not working

Bootstrap select picker style not working