Das Anpassen der bootstrap.css ist keine so gute Idee. Wenn Sie Ihre Bootstrap-Bibliothek aktualisieren müssen, müssen Sie alle Änderungen, die Sie vorgenommen haben, im Auge behalten.
Wenn Sie Ihre HTLM-Bootstrap-Elemente anpassen möchten, ist es besser, ein neues .css
mit all Ihren benutzerdefinierten Styling zu erstellen.
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- make sure to add you custom.css after bootstrap.css -->
<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>
Und jetzt in der benutzerdefinierten CSS können Sie Sie Komponenten
li{
width: 200px;
}
Zusätzlich anpassen, um es einfacher verfolgen Sie benutzerdefinierte Änderungen zu halten, werden alle Änderungen werden nach dem zukünftigen Upgrades intakt sein.
Hallo, ich bin nicht dumm, Änderungen in Boostrap.css vorzunehmen :) Ich habe gerade nachgesehen, um festzustellen, welches Element in benutzerdefinierten CSS geändert werden soll. Leider ändert sich .li nicht mit deinem Code, ich habe das selbe gestern versucht. – Ivana
Nur realisiert, dass ich einen kleinen Fehler gemacht habe. Versuchen Sie 'li' anstelle von' .li', um das Element auszuwählen, nicht die Klasse. Meine Antwort wurde aktualisiert. – sjokkogutten
Anyway funktioniert nicht, vielleicht bekommt li die Breite des Elternelements. Ich kann es nicht herausfinden. – Ivana