CSS Bootstrap: col-md-12 auf 100%?

[Dsimon24]

Hallo zusammen,

wenn ich in Verbindung mit Bootstrap den folgenden Code verwende:

<div class="row">
  <div class="col-md-8">.col-md-12</div>
</div>

... dann bekomme ich eine Spalte, die über den ganzen Bildschirm geht.
Das funktioniert auch soweit ganz gut. - Wenn ich aber jetzt ein Margin einbinde,
um vom rechten und linken Bildschirmrand ein wenig Platz zu lassen, dann fängt
der Rahmen entsprechend auch erst später an, geht aber über den Bildschirm
an der rechten Seite hinaus.

Siehe Beispiel:

<div class="row">
  <div class="col-md-12" style="margin:100px; border-style:dotted;">
    Ein bisschen Text!
  </div>
</div>

Sollte sich das nicht entsprechend anpassen?
Oder habe ich hier einen Denkfehler?

VG, David

 

[Tourgott]

Zunächst mal solltest du die Klassen für margin von Bootstrap nutzen: https://getbootstrap.com/docs/4.1/utilities/spacing/

Was genau versuchst du zu erreichen? Hast du eventuell den Container vergessen? Der sorgt nämlich dafür, dass Platz am Rand ist.
Alternativ kannst du auch mit Offset-Klassen arbeiten: https://getbootstrap.com/docs/4.0/layout/grid/#offset-classes