Container

Die Klasse "container" erzeugt Objekt mit festegelegter Breite, eingemittet im Elternelement.

Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.

HTML Elemente

            
            



<!doctype html>
<html lang="de">
<head>
    <meta charset=utf-8>
    <title>HTML5 Bootstrap CSS Intern</title>
    <link rel="stylesheet" href="https://depot43.ch/bootstrap/themes/bootstrap/css/bootstrap.css">
    <style>
       .container {border: 1px solid red;}
    </style>
</head>
<body>
<div class="container">
<h1>Mein Haupttitel</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni, velit ex perspiciatis. Eveniet saepe quidem tenetur dicta ut sit ab.</p>
</div>

</body>
</html>


 

            

Anregung: Experimentiere mit der Breite des Containers:

width:400px;

oder

max-width:760px;

Kopiere das Ergebnis und füge es in eine eigene HTML-Datei und untersuche es im Browser.