رئيس الأيونية وأسفل

رأس (رأس)

هو ثابت التجمع الرأس إلى أعلى الشاشة، يمكنك حزمة مثل أزرار العنوان وظيفة حولها.

الافتراضي الأيونية يوفر أنواع كثيرة من نمط اللون، يمكنك الاتصال اسم نمط مختلف، بالطبع، يمكنك تخصيص.

شريط الضوء

<div class="bar bar-header bar-light">
  <h1 class="title">bar-light</h1>
</div>

محاولة »

شريط مستقرة

<div class="bar bar-header bar-stable">
  <h1 class="title">bar-stable</h1>
</div>

محاولة »

شريط إيجابية

<div class="bar bar-header bar-positive">
  <h1 class="title">bar-positive</h1>
</div>

محاولة »

شريط الهدوء

<div class="bar bar-header bar-calm">
  <h1 class="title">bar-calm</h1>
</div>

محاولة »

شريط متوازن

<div class="bar bar-header bar-balanced">
  <h1 class="title">bar-balanced</h1>
</div>

محاولة »

تنشيط شريط

<div class="bar bar-header bar-energized">
  <h1 class="title">bar-energized</h1>
</div>

محاولة »

شريط حزما

<div class="bar bar-header bar-assertive">
  <h1 class="title">bar-assertive</h1>
</div>

محاولة »

شريط الملكي

<div class="bar bar-header bar-royal">
  <h1 class="title">bar-royal</h1>
</div>

محاولة »

شريط مظلم

<div class="bar bar-header bar-dark">
  <h1 class="title">bar-dark</h1>
</div>

محاولة »

دون رأس (مترجمة)

هو ثابت من الباطن رأس أيضا في أعلى، أسفل الرأس هو عليه، حتى لو كان هذا لم يكتب رأس، له من الباطن رأس هذا النمط أيضا رأس من أعلى المسافة. نمط اللون مع رأس.

<div class="bar bar-header">
  <h1 class="title">Header</h1>
</div>
<div class="bar bar-subheader">
  <h2 class="title">Sub Header</h2>
</div>

محاولة »

تذييل (القاع)

تذييل في الجزء السفلي من الشاشة يمكن أن تحتوي على أنواع المحتوى متعددة.

<div class="bar bar-footer bar-balanced">
  <div class="title">Footer</div>
</div>

محاولة »

تذييل الصفحة مع رأس أعلاه، فقط اسم النمط شريط رأس للقيام شريط تذييل الصفحة.

<div class="bar bar-footer">
  <button class="button button-clear">Left</button>
  <div class="title">Title</div>
  <button class="button button-clear">Right</button>
</div>

محاولة »

وبالإضافة إلى ذلك، إذا كان قاع ليس له عنوان، ولكنها تحتاج إلى الزر الأيمن، كنت في حاجة إلى زر الأيمن لإضافة سحب حق، مثل:

<div class="bar bar-footer">
  <button class="button button-clear pull-right">Right</button>
</div>

محاولة »