Als «twitter-bootstrap» getaggte Fragen

Ich schreibe eine Website in HTML5 und Bootstrap 4 und versuche, ein quadratisches Bild in einen Kreis zu verwandeln. In Bootstrap 3 war dies problemlos möglich .img-circle, aber jetzt kann ich es scheinbar nicht zum Laufen bringen und kann online keine Antworten finden. Hat Bootstrap die img-circle-Klasse gelöscht oder ist …

75 html  css  twitter-bootstrap  bootstrap-4 

Ich lerne Bootstrap . Im Einstiegsmenü sind nur wenige Vorlagen angegeben. Ich spiele damit. Ein Beispiel ist die feste Fußzeile. Ich habe nav aus dem vorherigen Beispiel verwendet und wollte dies mit fester Fußzeile anpassen. Aber die vertikale Bildlaufleiste kommt. Ich suche nach einem Element, das eine vertikale Bildlaufleiste verursacht. …

75 html  css  twitter-bootstrap 

Wie legen Sie die Größe einer Spalte in einer auf Bootstrap reagierenden Tabelle fest? Ich möchte nicht, dass der Tisch seine Antwortfunktionen verliert. Ich brauche es, um auch in IE8 zu funktionieren. Ich habe HTML5SHIV und Respond aufgenommen. Ich verwende Bootstrap 3 (3.2.0) <div class="table-responsive"> <table id="productSizes" class="table"> <thead> <tr> …

75 css  html  twitter-bootstrap  twitter-bootstrap-3 

Ich möchte eines der FontAwesome-Symbole etwas weniger schwer machen - es ist viel schwerer als die von mir verwendete Schriftart. So sieht es derzeit aus: :: Hässlich, richtig? Also habe ich versucht, die Schriftgröße wie folgt zurückzusetzen: .tag .icon-remove { font-weight: 100; } Das Attribut scheint im CSS korrekt eingestellt …

75 css  twitter-bootstrap  font-awesome 

<form class="form-asd" role="form"> <h2 class="form-signin-heading">login</h2><hr /> <label class="control-label" for="username">Username</label> <input class="form-control" type="email" required="" placeholder="username"data-error="enter valid username"></input> <label class="control-label" for="username">password</label> <input class="form-control" type="password" required=" " placeholder="Password"></input> <label class="checkbox"></label> <button class="btn btn-lg btn-primary " type="submit">submit</button> </form> Wie können wir diese Standard-Popover-Meldung des Anforderungsfelds "Bitte füllen Sie dieses Feld aus" in "Bitte geben …

74 html  css  twitter-bootstrap 

Ich mache eine Rails-App und versuche, eine bestimmte Funktionalität im Zusammenhang mit dem Bootstrap- Zusammenbruch von Twitter zu erreichen . Nehmen Sie mich mit, wenn ich es erkläre. Ich habe derzeit die folgende Ansicht: Wenn auf jede dieser Schaltflächen geklickt wird, wird ihr Datenumschalt-Div erweitert. Die Ansicht ist wie folgt …

74 twitter-bootstrap  collapse 

Ich möchte ein Formular in Bootstrap 3 wie folgt erstellen: Meine Site (nicht der obige Link) wird nur von Bootstrap 2.3.2 aktualisiert und das Format ist nicht mehr korrekt. Ich kann auf getbootstrap.com kein Dokument über diese Art von Formular finden . Kann mir jemand sagen, wie das geht? Nur …

73 html  css  forms  twitter-bootstrap  twitter-bootstrap-3 

Wie kann ich die Bootstrap-Navigationsleiste in Angular 2 auf "aktiv" setzen? Ich habe Angular nur 1 Weg gefunden . Wenn ich zur Seite " Info" gehe , füge sie class="active"zu " Info" hinzu und entferne sie class="active"auf der Startseite . <ul class="nav navbar-nav"> <li class="active"><a [routerLink]="['Home']">Home</a></li> <li><a [routerLink]="['About']">About</a></li></li> </ul> Vielen …

73 twitter-bootstrap  angular  nav  angular2-routing 

Was bedeutet das kaufmännische Und (&) im folgenden CSS aus Twitter Bootstrap ? .clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; } &:after { clear: both; } }

73 css  twitter-bootstrap 

Ich benutze diesen Code, aber das Modal ist zu dünn: <div class="modal fade bs-example-modal-lg custom-modal" tabindex="-1" role="dialog" aria-labelledby="myModal" aria-hidden="true" id="myModal"> <div class="modal-dialog modal-lg"> <div class="modal-content modal-lg"> <div class="modal-header modal-lg"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Solutions</h4> </div> <div class="modal-body modal-lg"> <p>Content</p> </div> </div> </div> </div> So sieht es aus: Wie …

73 twitter-bootstrap  modal-dialog 

Das erste Beispiel hat nicht funktioniert. Ich muss immer eine Liste haben, um Links zu deaktivieren. Oder was ist los mit meiner ersten Demo? <a class="disabled" href="#">Disabled link</a> <ul class="nav nav-pills"> ... <li role="presentation" class="disabled"><a href="#">Disabled link</a></li> ... </ul> https://jsfiddle.net/7y0u2amy/

73 html  css  twitter-bootstrap  twitter-bootstrap-3 

Ich habe den folgenden Code <ul class="nav nav-tabs"> <li><a href="#aaa" data-toggle="tab">AAA</a></li> <li><a href="#bbb" data-toggle="tab">BBB</a></li> <li><a href="#ccc" data-toggle="tab">CCC</a></li> </ul> <div class="tab-content" id="tabs"> <div class="tab-pane" id="aaa">...Content...</div> <div class="tab-pane" id="bbb">...Content...</div> <div class="tab-pane" id="ccc">...Content...</div> </div> Und das folgende Skript $(document).ready(function(){ activaTab('aaa'); }); function activaTab(tab){ $('.tab-pane a[href="#' + tab + '"]').tab('show'); }; In diesem Fall, …

73 javascript  jquery  twitter-bootstrap 

Ich bin gerade auf Bootstrap 4 migriert und meine xs-Schaltflächen scheinen nicht mehr extra klein zu sein! Wenn Sie in den Dokumenten nach Schaltflächen in Bootstrap 4 suchen, wird die Option für besonders kleine Schaltflächen nicht angezeigt. Kann mir das jemand bestätigen? Vielen Dank!

73 twitter-bootstrap  twitter-bootstrap-4  bootstrap-4 

Ich benutze Angular mit Bootstrap. Hier ist der Code als Referenz: <form name="newUserForm" ng-submit="add()" class="" novalidate> <input type="text" class="input" ng-model="newUser.uname" placeholder="Twitter" ng-pattern="/^@[A-Za-z0-9_]{1,15}$/" required></td> <button type="submit" ng-disabled="newUserForm.$invalid" class="btn btn-add btn-primary">Add</button> </form> Bootstrap hat Stile für ungültige Felder in Form von input:invalid {.... }; Diese treten ein, wenn das Feld leer ist. …

72 twitter-bootstrap  angularjs 

Weiß jemand, ob es möglich ist, Stile mit Twitter Bootstrap auf Tabellen anzuwenden? Ich kann einige Tabellenbeispiele in einigen älteren Tutorials sehen, aber nicht auf der Bootstrap-Site selbst. Ich habe versucht, es einzurichten, aber auf die Tabellen auf meiner Seite wurde fast kein Stil angewendet. <table> <thead> <tr> <th>#</th> <th>First …

72 twitter-bootstrap