Guten Tag,
derzeit nutze ich Bootstrap zum erstellen meiner Seite. Ich habe von Bootstrap die Klasse "col-md-3" verwendet um 4 Modals von Bootstrap in 1 Reihe zu haben.
Das sieht derzeit so aus:
[Blockierte Grafik: https://abload.de/img/col.msd-38opfk.png]
Mir passt das soweit auch ganz gut so.
Jedoch weiß ich nicht wie ich die Abstände zwischen den Dingern verringern kann.
Derzeit habe ich 4 Modals welche so aussehen:
Code
<div class="col-md-3">
<button type="button" class="btn btn-info btn-lg" style="outline: 0" data-toggle="modal" data-target="#myModal3">Designer</button>
<!-- Modal -->
<div id="myModal3" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title-dzn">Voraussetzungen für den<span> Designer:</span> Rang:</h4>
</div>
<div class="modal-body" style ="text-align: left">
<p class="standard">Standard Voraussetzungen:</p>
<hr>
<p>➥ Mindestalter: 14 Jahre</p>
<p>➥ Du musst TeamSpeak3 & Discord besitzen. [PFLICHT]</p>
<p>➥ Ein Mikrofon mit guter Qualität</p>
<p>➥ Aktivität auf dem Netzwerk und TeamSpeak3 Server</p>
<p>➥ Du musst Geistliche Reife besitzen.</p>
<p>➥ Du musst gut mit dem Team zusammenarbeiten können.</p>
<hr>
<br>
<p class="rangintern">Rang Spezifische Voraussetzungen:</p>
<hr>
<p>➥ Vorkenntnisse im Designen besitzen.</p>
<p>➥ Aktivität beim Designen auf dem Server.</p>
<p>➥ Du musst eigene Ideen und viel Kreativität besitzen.</p>
<hr>
<br>
<p class="geweckt">Wir haben deine Interesse geweckt? Dann Bewirb dich jetzt bei uns!<p>
</div>
<div class="modal-footer">
<center><button type="button" class="btn btn-default" data-dismiss="modal">Verlassen</button></center>
</div>
</div>
</div>
</div>
</div>
Alles anzeigen
das habe ich 4x untereinander im Code.
Jtz frage ich hier mal ob jmd weiß wie ich die Abstände zwischen den Modals verringern kann. So das die Modals trotzdem Mittig zentriert sind.
Hoffe mir kann jmd helfen
Gruß!