连续三个输入 - 引导3 [英] Three Inputs in a Row - Bootstrap 3

问题描述

这是我现在使用Bootstrap 2.

这是Bootstrap 3提供的：

我有这个代码：

 < div class =row> 
< div class =col-sm-4>< input type =textclass =form-control/>< / div> 
< div class =col-sm-4>< select class =form-control>< option value =2> 1< / option>< / select& < / div> 
< div class =col-sm-4>< input type =textclass =form-control/>< / div> 
< / div> 
  

我不知道如何收紧输入，所以他们就像他们在Bootstrap 2。 / p>

我该怎么办？

解决方案

...

 < style> 
 .tight-gutter {
 padding：0 2px; 
} 
< / style> 
 
< div class =row> 
< div class =col-sm-4 tight-gutter>< input type =textclass =form-control>< / div& 
< div class =col-sm-4 tight-gutter>< select class =form-control>< option value =2> 1< / option& / select>< / div> 
< div class =col-sm-4 tight-gutter>< input type =textclass =form-control>< / div& 
< / div> 
  

This is what I have now with Bootstrap 2.

This is what Bootstrap 3 comes up with:

And I have this code:

<div class="row">
   <div class="col-sm-4"><input type="text" class="form-control" /></div>
   <div class="col-sm-4"><select class="form-control"><option value="2">1</option></select></div>
   <div class="col-sm-4"><input type="text" class="form-control" /></div>
</div>

I cannot figure out how to tighten up the inputs so they are like they were in Bootstrap 2.

What do I do?

解决方案

You could tighten up the gutter...

<style>
    .tight-gutter {
        padding: 0 2px;
    }
</style>

<div class="row">
    <div class="col-sm-4 tight-gutter"><input type="text" class="form-control"></div>
    <div class="col-sm-4 tight-gutter"><select class="form-control"><option value="2">1</option></select></div>
    <div class="col-sm-4 tight-gutter"><input type="text" class="form-control"></div>
</div>

这篇关于连续三个输入 - 引导3的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！