Question

我想在bootstrap datepicker内联所有元素之前和之后显示一个按钮。

在bootstrap 3.2中是否存在类/方法，以便轻松地将所有元素内联到某个容器中？

在任何地方抛出span标签都没有帮助...现在，datepicker首先出现，然后是左箭头，然后是右箭头按钮。

如何在不将所有以前的div标签重写为span标签的情况下将所有元素也内联？

<span><button class="btn"><i class="glyphicon glyphicon-chevron-left"></i></button></span>
<span class="row-fluid">
    <span class="col-md-4">
        <span class="input-group">
            <input
                    type="text"
                    class="form-control"
                    datepicker-popup="{{format}}"
                    ng-model="activeStep.now"
                    is-open="activeStep.open"
                    min-date="minDate"
                    max-date="'2015-06-22'"
                    datepicker-options="dateOptions"
                    date-disabled="disabled(date, mode)"
                    ng-required="true"
                    close-text="Close"
                    />
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="open($event)"><i
                        class="glyphicon glyphicon-calendar"></i></button>
              </span>
        </span>
    </span>
</span>
<span><button class="btn"><i class="glyphicon glyphicon-chevron-right"></i></button></span>

Answer 1

试试这个：

希望这有用

<div class="form-inline">
    <div class="btn-group">
        <span>
            <button class="btn"><i class="glyphicon glyphicon-chevron-left"></i></button>
        </span>
    </div>
    <div class="btn-group">
        <span class="row-fluid">
            <span class="col-md-12">
                <span class="input-group">
                    <input
                        type="text"
                        class="form-control"
                        datepicker-popup="{{format}}"
                        ng-model="activeStep.now"
                        is-open="activeStep.open"
                        min-date="minDate"
                        max-date="'2015-06-22'"
                        datepicker-options="dateOptions"
                        date-disabled="disabled(date, mode)"
                        ng-required="true"
                        close-text="Close" />
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="open($event)">
                            <i
                                class="glyphicon glyphicon-calendar"></i>
                        </button>
                    </span>
                </span>
            </span>
        </span>
    </div>
    <div class="btn-group">
        <span>
            <button class="btn"><i class="glyphicon glyphicon-chevron-right"></i></button>
        </span>
    </div>
</div>

使用bootstrap内联所有html元素

1 个答案: