Question

我有一个搜索过滤器，其中包含搜索词的输入字段，两个日期选择器和两个按钮：

<div id="search-holder">
    <div id="search-box">
        <div class="form-group row">
            <div class="col-lg-10 col-md-9 col-sm-9 form-group row">
                <div class="col-lg-8 col-md-8 col-sm-6">
                    <input id="searchResident" type="text" class="form-control search-input col-md-10" data-bind="value: mainDataSearchWorker, valueUpdate: 'afterkeydown', enterkey: mainDataRefreshData" placeholder="@SharedResources.Index.SearchNurse" />
                </div>
                <div class="col-lg-2 col-md-2 col-sm-3">
                    <input id="searchIntakeDateFrom" type="text" class="form-control search-date pointer picker" data-bind="datePicker: mainDataSearchDateFrom, maxDate: mainDataSearchDateTo, valueUpdate: 'afterkeydown', enterkey: mainDataRefreshData" placeholder="@SharedResources.Index.SearchDateFrom" />
                </div>
                <div class="col-lg-2 col-md-2 col-sm-3">
                    <input id="searchIntakeDateTo" type="text" class="form-control search-date pointer picker" data-bind="datePicker: mainDataSearchDateTo, minDate: mainDataSearchDateFrom, valueUpdate: 'afterkeydown', enterkey: mainDataRefreshData" placeholder="@SharedResources.Index.SearchDateTo" />
                </div>
            </div>
            <div class="col-lg-2 col-md-3 col-sm-3 form-group row">
                <div>
                    <button type="button" id="search" class="btn btn-newline" data-bind="click: function() {mainDataRefreshData()}"> @SharedResources.Index.Search</button>
                    <button class="btn btn-sm leftmargin10" title="@SharedResources.Index.Reset" data-bind="click: function() {mainDataResetSearch()}">
                        <span class="fa fa-repeat"></span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

但是，搜索词“ searchResident”的输入字段没有完全拉伸，并且在输入字段和datepicker字段之间有空白：

如何完全拉伸“ searchResident”输入字段，以使输入元素之间没有空格？

https://www.bootply.com/EAkJ1KHlla

Answer 1

    <input id="searchResident" type="text" class="form-control search-input 
**col-md-10**" data-bind="value: mainDataSearchWorker, valueUpdate: 
'afterkeydown', enterkey: mainDataRefreshData"placeholder="@SharedResources.Index.SearchNurse">

您的输入具有 col-md-10 类，该类将其容器的最大宽度设置为83％。

将其更改为 col-md-12 即可解决您的问题。

Answer 2

您有2个问题：

1）您正在使用var = driver. find_element_by_xpath("//span[contains(@class, 'ui_bubble_rating bubble_')]").get_attribute("class") data = var.split("_") print data[-1]为输入提供10列的宽度，这是您的主要问题。给它完整的12列。

2）您没有适当地嵌套任何列，因为有时您会将列用作行，有时甚至根本不添加新行。与documentation中一样，您需要在父列下方创建一个新行，并将嵌套列仅放在新行中。文档中的示例：

col-md-10

如何从Bootstrap网格列中删除空白？

2 个答案: