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.
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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Du auf dem richtigen Weg waren. Das einzige, was Sie tun musste, war die Verwendung der bootstrap-Klassen entsprechend. Wenn Sie Aufmerksamkeit zahlen, werden Sie sehen, dass Sie Arbeit als eine Karte. 1. erstellen Sie einen container, 2. erstellen Sie eine Zeile, 3. erstellen Sie eine Spalte Größe, 4. bauen Sie das element, 5. suchen Sie es. In diesem Fall mussten Sie wickeln Sie die linke Taste in der linken Spalte, und rechts btn-Gruppe in einem richtigen container mit
pull-left
undpull-right
. Wohlgemerkt, in Ihrem@media
reaktionsschnell code, den Sie haben, zunichte pull-rechts, so dass Sie nicht komisch Aussehen in einem smartphone. Ich gehe davon aus, dass Sie erstellen ein "responsive design", sonst würden Sie nicht die Verwendung von Bootstrap. 😉Hier ist ein codepen für Ihre Lösung
geben Sie den link-Beschreibung hier
p.s. Vermeiden Sie inline-styles wie die Pest. Speziell, wo Sie eine col-sm-5, aber Sie zwingen eine Breite von 100%. Macht keinen Sinn, das zu tun. Verwenden col-xs-12 wenn Sie möchten, eine 100% Breite
InformationsquelleAutor LOTUSMS
und in Ihrem cs-Datei fügen Sie die folgende:
arbeitete für mich.
InformationsquelleAutor gadi
Versuchen, diese
InformationsquelleAutor MaxPayne999