Hallo ich möchte gerne ein zweites modal in meiner Seite benutzen. Der Knackunkt ist es soll anders aussehen.
Als im augenblicklich habe ich diesen Link der das Modal aufruft (Button will ich nicht)
HTML
<a href="#" class="menu-link" data-toggle="modal" data-target="#myModal"><h2>Modal 1</h2></a>
<!-- The Modal -->
<div class="modal fade" id="myModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h5 class="modal-title">Modal 1</h5>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
CSS
* ................
Modal
................ */
.modal-content {
background-color: #f2e694;
color: rgb(2, 0, 0);
}
.modal-header {
background-color: #860303;
}
.modal-title {
color: #fff;
font-size: 2em;
font-weight: bold;
}
.modal h2 {
color: #fff;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style:italic;
Alles anzeigen
Kann mir eine ein Beispiel mit 2 Modale aufzeigen? Ich hab mir im Netz den Wolf gesucht
Was ich herausgefunden habe ist, dass ich wohl eine zweite Id brauche. Doch wie das im Code aussieht habe ich leider nichts gefunden.