html - 在DIV中使用引導文本對齊

嗨，我不是一個好的UI HTML開發者，但必須在窗體上做一些修復。我很驚訝，文本對齊不適用於這種形式。我可以看到這個HTML，但不知道如何在標籤StockEnd上對齊文本。html - 在DIV中使用引導文本對齊

<div class="col-sm-1"> 
    <label class="control-label col-sm-1" for="StockEnd">End</label> 
</div> 
<div class="col-sm-2 "> 
    <div class="input-group"> 
    <input type="text" name="StockEnd" class="form-control" id="StockEnd" ng-readonly="readonly" ng-model="Catalogdata.stockTo" ng-disabled="isDisabled" capitalize typeahead="item.number for item in getAutoCompleteStockNumber($viewValue)"> 
    <span class="input-group-btn"> 
     <button class="btn-default btn" type="button" ng-click="stockNumberSearchClick('end')"><i class="fa fa-search"></i></button> 
    </span> 
    </div> 
</div>

來源

2015-05-19 Ammad

對不起在這裏更正其'StockEnd'不開始，但需要做類似的地方。 – Ammad

你有沒有試過'文本正確'Bootstrap類？ –

是的每一件事情已經對齊或文本屬性 – Ammad

要麼添加text-right類父form-group

修改標籤是display: block與text-right類來做到這一點。

來源

2015-05-19 15:21:15

沒有影響與此。 – Ammad

我看到你沒有使用沒有form-group的標籤，你可以在col-sm- *上應用文本 - 右鍵 –

這可以通過對HTML類的邊際調整來實現。

首先，你必須在你的<label>刪除.col-sm-1，因爲該類導致float:left被應用到元素，這意味着任何使用text-align將不再影響它。刪除該類後，可以將.text-right添加到<label>的父級。

最後，你的HTML看起來像：

<div class="col-sm-1 text-right"> 
    <label class="control-label" for="StockEnd">End</label> 
</div> 
<div class="col-sm-2 "> 
    <div class="input-group"> 
    <input type="text" name="StockEnd" class="form-control" id="StockEnd" ng-readonly="readonly" ng-model="Catalogdata.stockTo" ng-disabled="isDisabled" capitalize="" typeahead="item.number for item in getAutoCompleteStockNumber($viewValue)"> 
    <span class="input-group-btn"> 
     <button class="btn-default btn" type="button" ng-click="stockNumberSearchClick('end')"><i class="fa fa-search"></i></button> 
    </span> 
    </div> 
</div>

這裏有一個Bootply證明。

希望這會有所幫助！如果您有任何問題，請告訴我。

來源

2015-05-19 15:39:04 Serlite

經與我的同事討論後，我們進行了這項更改，並按要求運作。剛剛從外部Div刪除班，它的工作。因此，而不是

<div class="col-sm-1"> 
    <label class="control-label col-sm-1" for="StockEnd">End</label> 
</div>

現在

  <div > 
       <label class="control-label col-sm-1" for="StockEnd">End</label> 
      </div>

休息一樣沒有變化。

來源

2015-05-19 15:52:31 Ammad

html - 在DIV中使用引導文本對齊

回答

相關問題