作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
你如何在 Twitter 的 Bootstrap 中将不同表单标签内的按钮组合在一起?
现在我得到的是:
<div class="btn-group">
<!--More button-->
<form action="search.php" method="POST">
<input type="hidden" name="some name" value="same value">
<button style="float:left" class="btn" type="submit"><i class="icon-search"></i> More</button>
</form>
<!--Edit button-->
<form action="edit_product.php" method="post">
<button class="btn btn-primary" type="submit" name="product_number" value="some value"><i class="icon-cog icon-white"></i> Edit</button>
</form>
<!--delete button-->
<button data-toggle="modal" href="#error_delete" class="btn btn-danger"><i class="icon-trash icon-white"></i> Delete</button>
</div>
最佳答案
如果您不想使用脚本,您可以使用隐藏输入(或任何内联元素,例如 <i></i>
)来创建正确的 first:child 和 last:child 关系:
Fiddle demo
<form class="btn-group">
<button class="btn">Button One</button>
<input type="hidden" class="btn"><!-- fake sibling to right -->
</form>
<form class="btn-group">
<i></i><!-- fake sibling to left -->
<button class="btn">Button Two</button>
</form>
form.btn-group + form.btn-group {margin-left: -5px;}
关于forms - 如何在 Bootstrap 中对不同表单标签中的按钮进行分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11428385/
我是一名优秀的程序员,十分优秀!