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

Question

为了快速起见，我想在这里创建这样的东西:

https://coderwall.com/p/wjz4xa

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

我不想让你为我写任何代码。我只想提供一些有关如何解决此问题的提示。我什至不确定在谷歌上寻找什么。

例如，我习惯使用 Bootstrap 模式，但我不确定使用它是否会帮助我接近 coderwall 上的示例。此外，bootstrap 没有特定的 URI 来链接到一个单一模式。

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

非常感谢。

Answer 1

只需为您的模式添加不透明的背景颜色背景颜色: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 -->

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