Question

我目前正在使用bootstrap将psd转换为html。我想使用bootstrap响应菜单。

但我不想为非移动设备使用引导程序菜单，如果用户在移动设备上，他将引导程序的响应式菜单，如果他在引导程序中使用桌面或任何其他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. Bootstrap视口断点

断点链接

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

媒体查询链接

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

使用它可以为桌面设备，移动设备等设置特定的CSS ...

Bootstrap 3使自定义导航菜单响应

1 个答案: