Bootstrap 3使自定義導航菜單響應

Question

我目前正在使用引導程序將psd轉換為html。 我想利用引導響應菜單。

但是我不想在非移動設備上使用引導菜單，例如，如果用戶在移動設備上，他將引導響應菜單，並且如果他在引導中使用台式機或任何其他md大小的設備，那么他應該會看到我自己設定樣式的導航菜單。 我該怎么做？

我的HTML標記菜單：

<div id="navigation" class="col-md-9 col-sm-12">
    <nav>
        <ul>
            <li><a href="#" class="selected">Home</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Archive</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Other Pages</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </nav> <!-- end nav -->
</div>

Answer 1

這是一個相當容易的任務。

您需要知道兩件事。 1.媒體查詢2.引導程序視口斷點

鏈接到斷點

http://getbootstrap.com/css/#sensitive-utilities

媒體查詢鏈接

http://getbootstrap.com/css/#grid-media-queries

使用它可以為台式機，移動設備等設置特定的CSS ...