Links-richten Sie eine Taste und der rechten richten Sie zwei buttons in Bootstrap panel

Ich habe ein Bedienfeld mit drei Tasten im Bedienfeld Körper. Ich will eine Schaltfläche sein, wo es derzeit ist (Links), und ich will die beiden anderen Schaltflächen werden auf der rechten Seite.

Den Tasten momentan sind alle Links ausgerichtet. Unten ist der code, den ich geschrieben habe. Ich habe versucht zahlreiche Dinge, einschließlich pull-rechts und hinzufügen button-Gruppen und clearfix, aber bleiben Sie gelassen die meisten.

Habe ich auch versucht diesen Beitrag: Linksbündig und Rechtsbündig innerhalb von div in der Bootstrap

Ich bin mit bootstrapmin für CSS-und JS.

Hier ist der code:

<div class="row">
        <div class="form-inline">
            <div class="col-sm-5" style="width: 100%;">
                <div class="panel-group">
                    <div class="panel panel-primary">
                        <div class="panel-heading">Click 'Run' to complete the report.</div>
                        <div class="panel-body" style="background-color: lightgray;">
                            <div class="form-group">
                                <asp:Button ID="btnRun" runat="server" Text="Run" OnClick="btnRun_Click"
                                    class="btn btn-primary btn-sm"/>                                    
                                <div class="btn-group">
                                 <span class="pull-right">
                                    <asp:Button ID="btnReset" runat="server" Text="Reset" class="btn btn-primary btn-sm" />
                                    <asp:Button ID="btnExport" runat="server" Text="Export to CSV" class="btn btn-primary btn-sm" />
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
Dies ist der code, den ich geschrieben und getestet haben, ich habe auch untersucht, Bootstrap, jsfiddle.net Google und Stack auch für den letzten Tag. Ich bin um Hilfe, weil ich erschöpft meine Forschung. Ich danke Ihnen sehr für Ihre Hilfe.
Entschuldigung es ist dieser jsfiddle.net/orangegoblin/j2gtr9k7
Weil ich asp-Tasten Sie sind überschneidungen in der Geige, aber Sie sind getrennt in die Seite.

InformationsquelleAutor The OrangeGoblin | 2015-12-19

Schreibe einen Kommentar