Responsive Web Design

Knowledge Base

Responsive Web Design > ZURB Foundation

Title-Bar

Die Title-Bar im ZURB Foundation Framework 6.2.1 ist eine vordefinierte CSS-Klasse, die in der Regel mit einem (top) Menü verbunden wird - Basis:

<div class="title-bar">
	
</div>

Die Klasse class="title-bar" enthält einen clearfix, padding: 0.5rem und background-color: #a0a0a0 und color: #fefefe.

Wie bei der Top-Bar sind auch hier zusätzliche Klassen einsetzbar:

<div class="title-bar">
    <div class="title-bar-title"></div>
    <div class="title-bar-left"></div>
    <div class="title-bar-right"></div>
</div>

Damit hat die title-bar prinzipiell dieselbe Funktion wie die top-bar (mit leicht unterschiedlichen Voreinstellungen).