css - 如何在 Bootstrap 模式的背景中放置元素？

Question

我正在使用常规的 Bootstrap 3 模态，但想稍微调整一下。

我想在背景的左上角放置一个 Logo ，在右上角放置一个关闭按钮，如下所示:

我一直在尝试使用一些 CSS 伪选择器来插入内容，但没有任何效果。也许你们中有人有想法。

提前致谢。

Answer 1

您可以将这些元素插入到模态的普通 HTML 中，并使用类名 pull-right 和 pull-left:

<div id="myModal" class="modal fade" tabindex="-1" role="dialog">
   <img class="pull-left" src="YourLogo.png">
   <div class="pull-right">Close-Ico</div>
   <div class="modal-dialog">
      <div class="modal-content">
        ....

检查这个例子 http://www.bootply.com/AQafF1LaVw