Javascript 无法在我的模式中看到弹出窗口

我希望我的弹出窗口在我下面的链接中提到

我得到了我的弹出窗口，但背景很暗，对我来说不太好。我没有得到我想要的结果。 这是我的密码：

Html

 <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"id ="submit">
     Submit Replication
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" arialabelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
    <h4 class="modal-title" id="myModalLabel">Replication Slip</h4>
  </div>
  <div class="modal-body">

  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

有人能帮我做这件事吗？我陷入了困境 多谢各位

[注意]我想在链接中显示mu弹出窗口作为启动演示

**我的输出*

检查此代码：

<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
 Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"     aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
    ...
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div>

启动演示模式
&时代；
情态标题
...
接近
保存更改

试试这个

以下是代码：

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"id ="submit">
     Submit Replication
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" arialabelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
    <h4 class="modal-title" id="myModalLabel">Replication Slip</h4>
  </div>
  <div class="modal-body">

  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

---

请将其放入JSFIDLE，以便我们可以修补itcheck，确定引导css库是否已在您的页面中正确导入…如果引导库已正确导入，请在没有自定义css的情况下检查我的代码，因为原始引导css库和自定义css代码之间可能存在冲突@bindibhatt你想要什么？我得到了我的弹出窗口，但背景是暗的，我想当弹出窗口显示给我时，背景应该是亮的

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"id ="submit">
     Submit Replication
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" arialabelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
    <h4 class="modal-title" id="myModalLabel">Replication Slip</h4>
  </div>
  <div class="modal-body">

  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

#myModal{

    display:none;
}