Wie kann ich die Alarmfarben bootstrap 4 und Ruby on Rails ändern oder anpassen 5

Question

Ich benutze bootstrap gem 4.0.0.beta2.1, Rails 5.1.4 und Standard Bootstrap Alerts (Klasse: "alert alert-info"). Sie sind nett, passen aber nicht zu meinem Styling. Ich hätte gerne den weißen Hintergrund zum Beispiel. Wie kann ich es anpassen? Gibt es eine Möglichkeit, Bootstrap4-Variablen zu ändern?

Answer 1

Sie können Ihrem Alertdiv benutzerdefinierte Klassen hinzufügen. In meinem Fall habe ich "alert-custom" Klasse statt Warn- hinzugefügt * und CSS, um es wie folgt angewandt

html:

<div class="alert alert-custom fade in alert-dismissable show" style="margin-top:18px;"> 
<button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
    <span aria-hidden="true" style="font-size:20px">×</span> 
    </button> <strong>Success!</strong> This alert box indicates a successful or positive action. 
</div> 

CSS:

.alert-custom{ 
    background-color:#6089D5; 
    color:#fff; 
} 

für Ihre Referenz: JSFiddle