Überschrift der Bootstrap-Seite

A Kopfzeile ist Text, der vom Haupttext getrennt ist und oben auf einer Seite erscheint. Der Seitenkopf ist auf einer Webseite nützlicher, wenn wir mehrere Titel haben und diese unterscheiden müssen. Wir können das standardmäßige kleine Element von h1 und andere Komponenten verwenden, um einen angemessenen Abstand um den Header herum zu erstellen. Mit Bootstrap können wir einen entsprechenden Seitenkopf erstellen .Kopfzeile Klasse innerhalb eines div-Elements.

lesen Sie auch:

  • Bootstrap-Setup
  • Bootstrap-Typografie

Mithilfe der Klasse können wir einen entsprechenden Seitenkopf erstellen .Kopfzeile wie im folgenden Beispiel gezeigt. Wenn Sie Fragen dazu haben Header der Bootstrap-Seiteschreiben Sie es bitte in den Kommentarbereich.

<!DOCTYPE html>
<head>
<title>Bootstrap Example</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</head>
<body>
<div  >
<div  >
   <h1>Page Header
      <small>small page header</small>
   </h1>
<p>The Bootstrap is most popular front end framework for creating websites and web applications. Bootstrap is a powerful front end framework which makes faster and easier web development.
It includes CSS and HTML for typography, icons, forms, buttons, tables, layout grids and other interface components, as well as optional JavaScript extensions.</p>
</div>
</div>
</body>
</html>

Das obige Skript definiert den Seitenkopf durch die Verwendung der Klasse „page-header“ im div-Element und das Element wird verwendet, um den Subtext für den Kopf im Dokument anzuzeigen.

  • Führen Sie die Beispieldemo für Bootstrap-Seitenkopfzeilen aus

Beispiel für einen Bootstrap-Seitenheader

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen