如何创建“Coderwall”窗格？使用引导程序？答案

【问题标题】：How to create "Coderwall" Pane? Use Bootstrap?如何创建“Coderwall”窗格？使用引导程序？
【发布时间】：2014-02-20 05:42:51
【问题描述】：

为了快点，我想在这里创建类似的东西：

https://coderwall.com/p/wjz4xa

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

我不想让你为我写任何代码。我只想就如何解决这个问题提供一些提示。我什至不知道在谷歌上寻找什么。

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

如果你能给我一些关于这个主题的快速提示，那就太好了。

非常感谢。

【问题讨论】：

标签： javascript html css twitter-bootstrap modal-dialog

【解决方案1】：

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

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

【讨论】：