先前曾透過百分比，來將Bootstrap的廣告輪播系統變成全螢幕，但這時圖片就會依照比例，等比的將圖片放到滿版，這時當螢幕的比例與圖片不符時，就會發現到，廣告輪播的切換鈕跑到下方去，同時還會出現捲軸，因此這時若要解決此問題，就只能透過jQuery來計算當前螢幕的顯示比例，再去縮放圖片，但現在有更簡單的方法啦!透過CSS3的新單位vh與vw，就可完成全螢幕啦!而vh與vw到底是什麼單位呢?現在就一塊來了解吧!
CSS3新單位vw：
vw：view width指的是螢幕可視範圍寬度百分比，用法與%相當雷同，當設為10表示為可視範圍10%的意思。
CSS3新單位vh：
vh：view height指的是螢幕可視範圍高百分比，有了vh後，終於可實現高度百分百的夢想，就很像早期使用table時，可設定高度100%，高度撐滿整個螢幕。
CSS3新單位vmin/vmax：
在了解CSS3新單位的vw與vh後，還有另一單位為vmin和vmax，而vmin指是取得「長、寬較小值百分比」，vmax則是取得「長、寬較大值百分比」，在了解CSS3的新單位，就可將這單位應用到Bootstrap中，將原來的廣告輪播變全版面的廣告。
Step1
只需在CSS中加入以下的設定值。
Step2
這樣就Bootstrap的廣告輪播，就會以全版顯示，是不是超EZ的呀!!
[範例預覽] [範例下載]