固定長度的輸入形式的跨度大小

我有一個表單有一些輸入標籤，併爲每個輸入標籤（我使用引導）。我想使用背景顏色的跨度，但我有一個與它的大小有關的問題，因爲取決於文本長度（最好的方法是使用真棒，但我沒有找到對我的目的有用的圖標）。有沒有辦法來修復div的灰色部分的寬度？我試圖與寬度，像圖像，但它調整的所有輸入fields.Thanks 固定長度的輸入形式的跨度大小

<div class="row"> 
<!-- Fleet fields --> 
<div class="col-xs-6"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <i class="fa fa-car fa-fw"></i> Fleet inputs 
     </div> 
     <!-- /.panel-heading --> 
     <div class="panel-body"> 
      <form role="form"> 
       <div class="form-group input-group"> 
        <span class="input-group-addon">Ap</span> <input type="text" 
         class="form-control" placeholder="Application"> 
       </div> 
       <div class="form-group input-group"> 
        <input type="text" class="form-control" placeholder="Cubic"> 
        <span class="input-group-addon">cm<sup>3</sup></span> 
       </div> 
       <div class="form-group input-group"> 
        <input type="number" class="form-control" placeholder="Power"> 
        <span class="input-group-addon">H P</span> 
       </div> 
       <div class="form-group input-group"> 
        <span class="input-group-addon">Eu</span> <input type="text" 
         class="form-control" placeholder="Euro class"> 
       </div> 
       <div class="form-group input-group"> 
        <span class="input-group-addon">Et</span> <input type="text" 
         class="form-control" placeholder="Engine type"> 
       </div> 
       <div class="form-group input-group"> 
        <span class="input-group-addon">Tr</span> <input type="text" 
         class="form-control" placeholder="Traction"> 
       </div> 
       <div class="form-group input-group"> 
        <span class="input-group-addon">Ts</span> <input type="text" 
         class="form-control" placeholder="Transmission"> 
       </div> 
       <div class="form-group"> 
        <label>Note</label> 
        <textarea class="form-control" rows="2" maxlength="100"></textarea> 
       </div> 

      </form> 
     </div> 
     <!-- /.panel-body --> 
    </div> 
</div>

CS的輸入 - 基團，附加。輸入基團的附加{顏色：＃3c763d;背景色：＃dff0d8;邊框顏色：＃3c763d}

來源

2015-10-16 luca

請添加您的HTML和CSS代碼。 – LinkinTED

我添加了HTML，我認爲這是更好的使用圖像 – luca

可用於DIV

you can use for fixed width of grey part of div 
 

 
1.<div class="input-group input-group-lg"> <span class="input-group-addon" id="sizing-addon3">@</span> <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon3"> </div> 
 

 
2. can use also another div <div class="input-group input-group-sm"> 
 
3. can use also <div class="input-group"> 
 

 

 
for the Icon you can use Class="fa fa-edit" or Class="glyphicon glyphicon-pencil"

的灰色部分的固定寬度

您可以使用的圖標Class =「fa fa-edit」或者Class =「glyphicon glyphicon-pencil」

來源

2015-10-16 10:17:58

我試過，但它不起作用 – luca

固定長度的輸入形式的跨度大小

回答

相關問題