css - 在 Bootstrap 3 中形成并排断线

Question

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

https://jsfiddle.net/eo6srkjr/

 <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 的样式，使其完全按照您的需要定位。