Объединение группы кнопок с формами - Bootstrap 3

Question

Я пытаюсь включить в группу кнопок группы 2 и перенаправить страницу, используя Bootstrap 3 и Laravel 5.2.

Я не могу правильно настроить кнопки, прежде всего потому, что два из них обернуты элементом «формы».

Мой HTML выглядит следующим образом:

<div class="btn-group pull-left"> 
    <a class="btn btn-primary btn-sm" href="{!! route('client.create') !!}"> 
     <i class="ion-plus"></i>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;Hidden 
     </button> 
    {!! Form::close() !!} 
</div> 

ли это возможно без использования JQuery? Благодаря!

Answer 1

Ниже ссылка имеет рабочее решение, которое должно работать для вас

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; 
} 

Код, похоже, работает с этим HIDDEN Btn, не зная почему.