相关疑难解决方法(0)

使用Twitter Bootstrap的最佳做法是什么,从CDN引用它或在我的服务器上制作本地副本？

由于Bootstrap不断发展,我担心如果我引用CDN,用户会随着时间的推移看到不同的网页,有些标签甚至可能会被破坏.什么是大多数人的选择？

如何使用webpack插入twitter-bootstrap js文件来响应应用程序？

我知道像reactstrap和react-bootstrap这样的反应库,但我想知道如何在没有这些库的情况下插入bootstrap.js文件.

我正在尝试将 Bootstrap 属性应用于我的<span>和<button>. 我不确定我做错了什么。我在 stackoverflow 中搜索了这个问题，但所有建议都说将类更改为 className。我已经做到了这一点，但我仍然看不到我的风格发生变化。

索引.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import Counter from './components/counter';

ReactDOM.render(<Counter/>, document.getElementById('root'));
registerServiceWorker();

计数器.jsx

import React, { Component } from 'react';

class Counter extends Component {
    state = {
        count: 0
    };
    render() {
        return (
            <div>
                <span className="badge badge-primary m-2">
                    {this.formatCount()}
                </span>
                <button className="btn btn-secondaty btn- 
sm">Increment</button>
            </div>
        );
    }
    formatCount() {
        const { count …

我正在尝试在我的一个React组件的表单中使用下拉列表.这是我如何设置代码的下拉部分,以下是在我正在返回的div标签内的表单父标签内:

//<div>
//<form>
//some code here

    <div className="row top-buffer">
        <div className="col">
            <div className="dropdown">
                <button 
                    className="btn btn-secondary dropdown-toggle" 
                    type="button" 
                    id="dropdownMenuButton" 
                    data-toggle="dropdown" 
                    aria-haspopup="true">
                    Dropdown
                </button>
                <div className="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a className="dropdown-item" href="#nogo">Item 1</a>
                    <a className="dropdown-item" href="#nogo">Item 2</a>
                    <a className="dropdown-item" href="#nogo">Item 3</a>
                </div>
            </div>
        </div>
    </div>

//some code here
//</form>
//</div>

但是,当我单击"下拉"按钮时,它不会显示下拉菜单及其中的项目.

我所有其他引导程序组件都正常工作.我究竟做错了什么？

编辑:

我在index.js中引用了bootstrap:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import 'bootstrap/dist/css/bootstrap.min.css'
import './App.css'
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

我错过了什么吗？