如何在Bootstrap模態的背景中放置物品？

Question

我使用普通的Bootstrap 3模式，但是想稍微調整它們。

我想放在左上角標識和背景的右上角的關閉按鈕，這樣的：

我一直在與一些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

Answer 2

您可以將新的隱藏元素放入正文中，並僅在顯示背景時顯示它。 .modal-open僅適用於模態打開時的車身標籤。

.modal-open-inner { 
    display:none; 
} 

.modal-open .modal-open-inner { 
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    width:100%; 
} 

http://codeply.com/go/HdMsy0WdWS