Question

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

https://coderwall.com/p/wjz4xa

重要提示：上面的链接指向单个模态页面。如果您访问https://coderwall.com，则可以点击其中一个帖子，然后您会看到模式显示。

我不希望你为我写任何代码。我想就如何解决这个问题提供一些建议。我甚至不确定在谷歌上寻找什么。

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

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

非常感谢。

Answer 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 -->

当有静态'模态'页面时，复制模态的样式

如何制作“Coderwall”Pane？使用Bootstrap？

1 个答案: