Combiner un groupe de boutons avec des formulaires - Bootstrap 3

Question

J'essaie d'incorporer dans un groupe de boutons 2 formulaires et une redirection de page, en utilisant Bootstrap 3 et Laravel 5.2.

Je n'arrive pas à mettre les boutons en forme correctement, principalement parce que deux d'entre eux sont enveloppés par un élément "form".

Mon HTML est comme suit:

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

Est-ce possible sans utiliser jQuery? Merci!

Answer 1

Le lien ci-dessous présente une solution de travail qui devrait fonctionner pour vous

How to group buttons in different forms tags in Bootstrap

créer plusieurs formulaires BTN Groupes

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 supplémentaires:

.btn-group+.btn-group { 
    margin-left: -5px; 
} 

Le code semble fonctionner avec ce Bdn HIDDEN, je ne sais pas pourquoi.