Css 引导未应用于模式

我试图在我的react应用程序中使用引导登录模式，但不知何故，引导CSS并没有得到应用

代码：

index.js

导入'bootstrap/dist/css/bootstrap.min.css'

Login.js
`

从“React”导入React
常量登录=（道具）=>{
返回(
***签到
&时代；

`

预期输出应符合引导模式的参考：


我得到的结果是：

你能添加你的代码和依赖项吗？我已经更新了问题中的代码。谢谢。该代码段也使用了jQuery，你导入了吗？这不是React版本，据我所知，他们已经有了另一个版本，使用modal的登录表单已经可以使用了。我已经将代码放在我的登录组件中，并希望它能够使用工作。我已经安装了引导，并且在index.js中添加了引导css文件。如果我的理解有误，请告诉我。谢谢。
import React from 'react'
 const Login = (props) =>{
return(
<div>
<div id="modalLoginForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">***Sign*** in</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>