如何删除表单组行之间的空格?

时间:2017-03-28 02:27:50

标签: twitter-bootstrap-3

如何删除表格div #roleSearch中按钮和两个输入之间的空格? (#inputCode + #btnOpenSearch + #inputDescription)

<div id="roleSearch" class="col-md-2 ">
    <input  id="inputCode" type="text" class="form-control int-number col-sm-1" />
    </div>
    <div class="col-md-1">
        <!-- Open a popup to search the code -->
        <a id="btnOpenSearch" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> </a>
    </div>
    <div class="col-md-9">
        <input id="inputDescription" type="text" class="form-control col-md-9 " />
    </div>
</div>

http://jsfiddle.net/computeiro/rfehs6bg/72/

1 个答案:

答案 0 :(得分:1)

你想要什么?仅移除空间或所有内容(#inputCode + #btnOpenSearch + #inputDescription)变为一行。

我解决了这个问题,看到了这个链接

<div class="row">
<form>
    <div class="col-md-12 form-group">
        <label for="inputCnpj">Patner</label>
        <div class="entity-search form-group row input-group" style="display: table" > 
            <div class="col-md-2 p0" style="display: table-cell">
                <input  type="text" class="form-control int-number" />
            </div>
            <div class="col-md-1 p0" style="display: table-cell; vertical-align: top;">

http://jsfiddle.net/amitmonsterme/1o0rhq1b/2/