Html 引导：在面板中向左和向右拉页脚打断页脚

我有一个引导面板，页脚有两个按钮：

    <div class="panel-footer">
        {{ Form::open( array('route' => array('dogs.edit', $dog->id), 'method' => 'get', "class" => 'col-lg-6 ')) }}
            {{ Form::submit("Edit", array('class' => 'btn btn-default')) }}
        {{ Form::close() }}
        {{ Form::open( array('route' => array('dogs.destroy', $dog->id), 'method' => 'delete', "class" => 'col-lg-6 ')) }}
            {{ Form::submit("Delete", array('class' => 'btn btn-default')) }}
        {{ Form::close() }}
    </div>

{Form:：open（数组（'route'=>array（'dogs.edit'，$dog->id），'method'=>'get'，'class'=>'col-lg-6'））}
{{表单：：提交（“编辑”，数组（'class'=>'btn btn default'））}
{{Form:：close（）}}
{Form:：open（数组（'route'=>array（'dogs.destroy'，$dog->id），'method'=>'delete'，'class'=>'col-lg-6'））}
{{表单：：提交（“删除”，数组（'class'=>'btn btn default'））}
{{Form:：close（）}}

每个按钮的窗体都具有类

向左拉

和

向右拉

，因此它们都浮动到面板页脚的任一侧

浮动正在工作，但按钮现在位于页脚外部：

    <div class="panel-footer">
        {{ Form::open( array('route' => array('dogs.edit', $dog->id), 'method' => 'get', "class" => 'col-lg-6 ')) }}
            {{ Form::submit("Edit", array('class' => 'btn btn-default')) }}
        {{ Form::close() }}
        {{ Form::open( array('route' => array('dogs.destroy', $dog->id), 'method' => 'delete', "class" => 'col-lg-6 ')) }}
            {{ Form::submit("Delete", array('class' => 'btn btn-default')) }}
        {{ Form::close() }}
    </div>

我尝试使用网格系统而不是拉助手，但最终得到了相同的结果

我也搜索过这个解决方案（我认为这是很常见的），但没有找到一个不需要用自定义css覆盖引导的解释

---

是否可以仅使用引导来修复此问题，或者我需要使用自己的css来修复此问题？

只需在按钮后添加一个带有clearfix的div即可

---

斯大林的答案是正确的，但你可以使用另一种更优雅的方法

来自引导程序文档（）

通过向父元素添加.clearfix，可以轻松清除浮动

只需将clearfix添加到父div：

<div class="panel-footer clearfix">
    {{ Form::open( array('route' => array('dogs.edit', $dog->id), 'method' => 'get', "class" => 'col-lg-6 ')) }}
        {{ Form::submit("Edit", array('class' => 'btn btn-default')) }}
    {{ Form::close() }}
    {{ Form::open( array('route' => array('dogs.destroy', $dog->id), 'method' => 'delete', "class" => 'col-lg-6 ')) }}
        {{ Form::submit("Delete", array('class' => 'btn btn-default')) }}
    {{ Form::close() }}
</div>

{Form:：open（数组（'route'=>array（'dogs.edit'，$dog->id），'method'=>'get'，'class'=>'col-lg-6'））}
{{表单：：提交（“编辑”，数组（'class'=>'btn btn default'））}
{{Form:：close（）}}
{Form:：open（数组（'route'=>array（'dogs.destroy'，$dog->id），'method'=>'delete'，'class'=>'col-lg-6'））}
{{表单：：提交（“删除”，数组（'class'=>'btn btn default'））}
{{Form:：close（）}}

只需将类

文本添加到面板页脚div的右侧

我觉得奇怪的是.panel页脚已经不包括在clearfix css库中了。面板主体甚至.modal页脚都是。与其记住在任何页脚上抛出一个clearfix类（如果你有很多，这可能会很痛苦），不如直接将clearfix css添加到主css中的.panel页脚，或者直接编辑库

.panel-footer:before, .panel-footer:after {
    display: table;
    content: " ";
}
.panel-footer:after {
    clear: both;
}

---

完美的非常感谢。我尝试了clearfix，但在错误的地方。对我来说，必须这样做似乎有点骇人。又漂亮又干净！谢谢