[直播][筆記] 4月24日 Nic 与 Bootstrap 做朋友

[直播][筆記] 4月24日 Nic 与 Bootstrap 做朋友

  1. Html跟css不用自己寫,安裝Bootstrap後有很多元件Components可以套用
    目前最新版是Bootstrap4太新如果遇到問題可能無解,建議用Bootstrap3的component

  2. 格線系統

  3. Bootstrap下,一行Row等於12格Column
    col-12 =畫一個12/12全螢幕的格子 col-6 =半個螢幕大小
    col-offset-4 =從左邊算來空4格

    但手機螢幕 iPad螢幕 電腦螢幕大小都不一樣

    • xs = extra small sm = small md = middle lg = large

一個class裡面可以指定多個大小
這樣不管誰來看都可以照你指定的大小瀏覽
hidden-md 在md尺寸隱藏
visible-lg 只在lg尺寸顯示

<div class="col-xs-12 col-md-8" col-lg-4> 

參考文件
http://codepen.io/yilintemp/pen/GjGJJj

comments powered by Disqus