Question

尝试并排显示表单但没有成功：

 <div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">Panel</h3>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-sm-10">
                <form action="#" role="form" method="post">
                    <a class="btn btn-danger btn-xs">Option 1</a>
                </form>
                <form action="#" role="form" method="post">
                    <a class="btn btn-success btn-xs">Option 2</a>
                </form>
            </div>
        </div>
    </div>
</div>

有什么想法吗？感谢

Answer 1

如果你想把两个按钮并排放在这里，我已经这样做了 https://jsfiddle.net/eo6srkjr/6/

将此添加到CSS

#test{
float: left;
}

#test2{
float: left;
}

为要设置样式的每个按钮添加div。喜欢这个

<div id="test">
  <form action="#" role="form" method="post">
    <a class="btn btn-danger btn-xs">Option 1</a>
  </form>
</div>
<div id="test2">
 <form action="#" role="form" method="post">
    <a class="btn btn-success btn-xs">Option 2</a>
 </form>
</div>

如果这不是所需的效果，请告诉我，并相应地帮助您。然后相应地设置每个div的样式，使其完全按照您的意愿定位。

在Bootstrap 3中形成并排的断裂线

1 个答案: