javascript - 如何创建“Coderwall” Pane ？使用Bootstrap？

为了快速起见，我想在这里创建如下内容：

https://coderwall.com/p/wjz4xa

重要：上面的链接链接到单个模式页面。如果您访问https://coderwall.com，则可以单击其中一个帖子，您将看到模态出现。

我不想你为我写任何代码。我只想就如何做到这一点提供一些技巧。我什至不确定要在Google上寻找什么。

例如，我习惯于使用引导程序模态，但不确定使用此方法是否会帮助我接近coderwall上的示例。此外，引导程序不具有具有链接到一个单一模式的特定URI的功能。

如果您能给我一些有关此主题的快速提示，那就太好了。

非常感谢你。

最佳答案

只需为模态添加不透明的背景色
background-color: rgb(0,0,0);

<div class="modal fade" style="background-color:rgba(0, 0, 0, 1)">
  <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">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body&hellip;</p>
      </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><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

当具有静态的“模态”页面时，复制模态的样式