2017-06-01 137 views
-1

我无法对准的控制。在顶部的图像是,因为它是和下准确:https://i.stack.imgur.com/MPfhj.png自举输入组控制几个

https://jsfiddle.net/jvcunha/1v4zay3h/

<div> 
    <div class="input-group"> 
     <input type="text" class="form-control" value="123456789" /> 
     <span class="input-group-addon btn">Delete</span> 
     <span class="input-group-addon btn">Update</span> 
     <span class="input-group"> 
      <input type="text" class="form-control" value="123456" /> 
      <input type="text" class="form-control xp" value="AA" /> 
     </span> 
    </div> 
</div> 

+0

https://pt.stackoverflow.com/请使用此或在这里使用英格尔斯。 – tech2017

+0

对不起,没看到。 – Jone

回答

0

编辑2:使以下必要的更改

HTML

<div class="container"> 
    <div class="col-lg-offset-3 col-lg-6"> 
     <div class="input-group"> 
      <label for="f1">Field 1</label> 
      <input type="text" class="form-control" value="123456789" style="width:90px;"> 
      <span class="input-group-btn"> 
      <button class="btn btn-default" type="button">Delete</button> 
      <button class="btn btn-default" type="button">Update</button> 
      </span> 
      <label for="f2">Field 2</label> 
      <input type="text" class="form-control" value="123456"> 
      <span class="input-group-btn" style="width:0px;"></span> 
      <label for="f3">Field 3</label> 
      <input type="text" class="form-control" value="AA"> 
     </div> 
     </div> 
    </div> 

CSS

body { 
    margin: 10px; 
} 


.xp { 
     min-width: 50px; 
} 

.btn{ 
border-radius:0px !important; 
} 

.input-group-btn { 
    padding-top: 25px; 
} 

JSFiddle

+0

丽思您好,感谢。但第一个编辑,如果我将它设置为它的图像大小为90像素的例子,把它买走,按键之间有着巨大的空间。如何解决这个问题? – Jone

+0

并添加标签,弄得不好 – Jone

+0

看到:https://jsfiddle.net/jvcunha/1v4zay3h/4/ – Jone