在面板标题引导程序3.3.4中删除下面的填充

时间:2016-09-27 19:48:52

标签: html css twitter-bootstrap

我想弄清楚为什么在我的面板标题中的下拉选择列表下面添加了额外的填充,有人知道为什么要添加它吗?

picture

<div class="panel panel-default">
    <div class="panel-heading clearfix">
        <h3 class="panel-title pull-left">Status Connection History</h3>
            <div class="form-group pull-right">
                <select class="form-control" id="statusHistoryDropdown">
                    <option>Past Hour</option>      <!-- increments of 5 minutes    -->
                    <option>Past 12 Hours</option>  <!-- increments of 1 hour       -->
                    <option>Past 3 Days</option>    <!-- increments of 6 hours      -->
                    <option>Past 12 days</option>   <!-- increments of 1 day        -->
                    <option>Past Month</option>     <!-- increments of 2 days       -->
                </select>
            </div>                                  
        </div>
    <div class="panel-body">
        Panel content
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

<div class="panel panel-default">
    <div class="panel-heading clearfix">
        <h3 class="panel-title pull-left">Status Connection History</h3>
            <div class="pull-right">
                <select class="form-control" id="statusHistoryDropdown">
                    <option>Past Hour</option>      <!-- increments of 5 minutes    -->
                    <option>Past 12 Hours</option>  <!-- increments of 1 hour       -->
                    <option>Past 3 Days</option>    <!-- increments of 6 hours      -->
                    <option>Past 12 days</option>   <!-- increments of 1 day        -->
                    <option>Past Month</option>     <!-- increments of 2 days       -->
                </select>
            </div>                                  
        </div>
    <div class="panel-body">
        Panel content
    </div>
</div>

仅删除表单组类。