回覆列表
  • 1 # 使用者6369109692826

    全域性樣式

    1

    Bootstrap 中用到一些 HTML元素和CSS屬性需要將頁面設定為 HTML5 文件型別,即在頁面頂部新增“ ”

    2

    佈局容器:Bootstrap 需要為頁面內容和柵格系統包裹一個 .container或container-fluid(佔據全部視口viewport的容器)容器。

    3

    柵格系統,Bootstrap 提供了一套最多12列的流式柵格系統,透過 .row表示行 和 .col-xs-4 這種表示寬度的列快速建立柵格佈局。

    4

    Bootstrap 排版、連結樣式設定了基本的全域性樣式。

    font-size 設定為 14px,line-height 設定為 1.428。

    (段落)元素還被設定了等於 1/2 行高(即 10px)的底部外邊距(margin)。

    基礎樣式

    【排版】,

    1. 標題,可以用來.h1 到 .h6 類給內聯屬性的文字賦予標題樣式,標題內透過

    主體文字:.lead 類讓段落突出顯示。

    2. 內聯文字,使用

    3. 文字對齊類,text-left,text-center,text-right,text-justify,text-nowrap

    4. 文字大小寫類,text-lowercase,text-uppercase,text-capitalize

    5. 縮略語類,為

    6. 地址,以日常使用的格式呈現,在行結尾加 保留需要的樣式即可。

    7. 引用,將 HTML 元素包裹在

    中即可表現為引用樣式。對於直接引用,建議用

    標籤。

    8. 列表,list-unstyled類移除預設 list-style 樣式和左側外邊距的一組元素(只針對直接子元素)。list-inline類透過設定 display: inline-block; 並新增少量的內補(padding),將所有元素放置於同一行。dl-horizontal類讓

  • 中秋節和大豐收的關聯?
  • 投資額和投資款有什麼區別?