1. 程式人生 > >Bootstrap中jumbotron屬性

Bootstrap中jumbotron屬性

Jumbotron:超大螢幕,該元件可以增加標題的大小,併為登陸頁面內容新增更多的外邊距(margin)。

用法:

  • 建立一個帶有 class .jumbotron. 的容器
  • 除了更大的 h1,字型粗細 font-weight 被減為 200
  • eg:
    (事先引入了bootstrap框架)

    程式碼:

    這裡寫圖片描述
    執行結果:

    這裡寫圖片描述

    為了獲得佔用部分寬度且帶圓角的超大螢幕,可以在所有的 .jumbotron class外使用.container class

    eg:

    程式碼:

    這裡寫圖片描述

    2.結果

    這裡寫圖片描述