Kombinieren Sie Schaltflächengruppe mit Formularen - Bootstrap 3

Question

Ich versuche, in eine Schaltflächengruppe 2 Formulare und eine Seitenumleitung zu integrieren, mit Bootstrap 3 und Laravel 5.2.

Ich kann die Schaltflächen nicht richtig formatieren, vor allem weil zwei von ihnen von einem "Formular" -Element umschlossen sind.

Mein HTML ist wie folgt:

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

Ist dies möglich, ohne Verwendung von jQuery? Vielen Dank!

Answer 1

untenstehenden Link hat eine Arbeitslösung, die für mehrere BTN Formular Gruppen

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> 

Zusätzliche CSS

How to group buttons in different forms tags in Bootstrap

erstellen sollte funktionieren:

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

Der Code scheint mit diesem HIDDEN Btn zu funktionieren, nicht sicher warum.