我正在尝试使用 Bootstrap 3 和 Laravel 5.2 将 2 个表单和一个页面重定向合并到按钮组中。
我无法正确设置按钮格式,主要是因为其中两个按钮被“form”元素包裹。
我的 HTML 如下:
<div class="btn-group pull-left">
<a class="btn btn-primary btn-sm" href="{!! route('client.create') !!}">
<i class="ion-plus"></i> New
</a>
{!! Form::open(['route' => 'client.allVisible', 'method' => 'post']) !!}
<input name="visibility" class="hidden" value="true">
<button type="submit" class="btn btn-primary btn-sm">
<i class="ion-ios-eye"></i> Visible
</button>
{!! Form::close() !!}
{!! Form::open(['route' => 'client.allVisible', 'method' => 'post']) !!}
<input name="visibility" class="hidden" value="false">
<button type="submit" class="btn btn-primary btn-sm">
<i class="ion-ios-locked"></i> Hidden
</button>
{!! Form::close() !!}
</div>
不使用 jQuery 是否可以实现?谢谢!
最佳答案
下面的链接有一个适合您的可行解决方案
How to group buttons in different forms tags in Bootstrap
创建多个 BTN 表单组
http://jsfiddle.net/isherwood/TRjEp/
<br />
<form class="btn-group">
<button class="btn">Button One</button>
<input type="hidden" class="btn" />
</form>
<form class="btn-group inline">
<input type="hidden" class="btn" />
<button class="btn">Button Two</button>
</form>
<form class="btn-group inline">
<input type="hidden" class="btn" />
<button class="btn">Button Three</button>
</form>
附加CSS:
.btn-group+.btn-group {
margin-left: -5px;
}
代码似乎适用于隐藏的 Btn,不知道为什么。
关于javascript - 将按钮组与表单结合起来 - Bootstrap 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36267394/