爲什麼這個div出現在目前爲止？

Question

我在引導程序中出現了一些令人奇怪的div問題。

爲什麼輸入文本到目前爲止是正確的？

<div class="container"> 
    <div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h3>Header</h3> 
    </div> 
    <div class="panel-body"> 
     <div class="well"> 
     <div class="container"> 
      <div class="pull-right"> 
      <input type="text" value="test"> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

http://www.bootply.com/eA5Uts8pxe

Answer 1

div class = "pull-right"有一個屬性float: right!important;

，過度寫一切。因此你的文本框是非常正確的。排除該屬性或將其更改爲float:left或設置margin-left並獲得您所需的內容。或者，不要使用「拉右」課並讓/使用者成爲「拉左」課。

例子： -

如果你改變

.pull-right 
{ 
float: left! important; 
} 

然後你會看到在文本框中如何在水平面上對齊的顯著差異。讓我知道你是否需要進一步解釋。

您也可以嘗試這樣的事情： -

.pull-right 
{ 
margin-left: 70%; 
} 

但是，這是一個黑客攻擊的一位。但它工作得很好:)

編輯： - 。

充分利用"div class = container"： -

.container 
{ 
display:inline; 
}