BootMetro : 基於 Bootstrap 的 Metro 風格 CSS 框架

本文由碼農網 – 小峰原創，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

和Flat UI一樣，BootMetro同樣也是一款基於Bootstrap的CSS框架，BootMetro的最大特點在於它是一款Win 8 Metro風格的CSS框架。Metro風格的優勢在於介面簡潔平滑，UI元素簡單，載入速度快，並且有不錯的視覺效果。

BootMetro的特點

• 基於強大的Twitter Bootstrap，框架的靈感源於 Metro UI CSS
• 讓使用者更專注於網站的內容，因為Metro風格可以更加突出網頁的主要內容。
• 完全免費，和Bootstrap一樣，BootMetro的使用也是非常簡單。

BootMetro的使用案例

下面是利用BootMetro建立的應用程式按鈕

程式碼如下：

<button class="win-command">
      <span class="win-commandimage win-commandring">!</span>
      <span class="win-label">Home</span>
   </button>

下面是利用BootMetro建立的小圖示，你只需要選擇對應圖示的CSS類即可，效果如下：

對應圖示有以下CSS類控制，點選檢視。

更多關於BootMetro的資訊，你可以前往其官方網站進行查詢，就介紹到這裡了。

軟體首頁 軟體下載