3.2 Toolbars

     g. Theming toolbars

ธีมของ header และ footer(Theming headers and footers)
   เริ่มต้นในส่วน header และ footer จะถูกกำหนดให้มีธีมเป็นสีดำ เพราะเป็นbarหลักของเพจ ในการกำหนดธีมให้กับ header และ footer ทำได้โดยเพิ่ม attribute ที่ชื่อว่า data-theme และระบุตัวอักษรได้ตั้งแต่ a-z

สีธีมของปุ่มในToolbar(Theming buttons in toolbars)
   เมื่อมีการเพิ่มlink เข้ามาในส่วนของ header สีของปุ่มจะปรับไปเป็นสีเดียวกับสีของ bar โดยอัตโนมัติ และสามารถเปลี่ยนสีธีมของปุ่มได้โดยเพิ่ม attribute ที่ชื่อว่า data-theme ลงในปุ่มที่ต้องการเปลี่ยนสีเช่นกำหนดธีมของปุ่ม Save ให้เป็นสีน้ำเงิน

  <a href="#" data-theme="b">Save</a>
  

รูปแบบธีม(Theme variations)
   ต่อไปนี้เป็นตัวอย่างของการเปลี่ยนแปลงธีมที่สามารถทำได้ในส่วน header และ footer

• Header

ตัวอย่างหน้าจอ

• Footer
     ตัวอย่างในส่วนนี้เป็นตัวอย่างปุ่มที่มีการเชื่อมโยงภายใน

  
    หมายเหตุ : ในส่วนของ footer ไม่สามารถรวมมาร์กอัปbutton slotsเข้าไว้ด้วยกันได้เหมือนกับในส่วน header แต่สามารถใช้ layout grids หรือ stylesที่กำหนดขึ้นมาเอง ในส่วนนี้ได้
    

ตัวอย่างหน้าจอ