在反应中遇到此引导标头问题答案

【问题标题】：Having trouble with this bootstrap header in react在反应中遇到此引导标头问题
【发布时间】：2019-05-26 04:38:47
【问题描述】：

我已将引导程序安装到我的应用程序中，但我正在使用的此视频标头在我的本地服务器上未正确显示。所以我猜这个依赖对我来说不起作用。

代码笔https://codesandbox.io/s/react-hooks-counter-demo-8w7yv

我已经下载了引导程序，它显示在节点模块中，它在沙箱中工作，但不在我的服务器上从“反应”导入反应，{组件} 从 'react-router-dom' 导入 {Link}；

export default class Intro extends Component {
  render() {
    return (
      <header>
        <div className="overlay"></div>
        <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
          <source src="https://storage.googleapis.com/coverr-main/mp4/Mt_Baker.mp4" type="video/mp4"/>>
        </video>
        <div className="container h-100">
          <div className="d-flex h-100 text-center align-items-center">
            <div className="w-100 text-white">
              <h1 className="display-3">Video Header</h1>
              <p className="lead mb-0">With HTML5 Video and Bootstrap 4</p>
            </div>
          </div>
        </div>
      </header>      
    )
  }
}

【问题讨论】：

标签： javascript reactjs bootstrap-4

【解决方案1】：

似乎我没有正确理解您的问题。但是用你的代码笔，我用你的视频源代码替换了它的内容，并看到它有效。请看下面的图片

【讨论】：