小编Kri*_*unt的帖子

在http://getbootstrap.com/css/上它说:

我们使用以下媒体查询在网格系统中创建关键断点.

超小型设备(电话,最高480px):无媒体查询,因为这是Bootstrap中的默认设置

小型设备(平板电脑,768像素及以上):@ media(最小宽度:@ screen-sm){...}

中型设备(台式机,992px及以上):@ media(最小宽度:@ screen-md){...}

大型设备(大型台式机,1200px及以上):@ media(最小宽度:@ screen-lg){...}

我们是否应该能够在我们的媒体查询中使用@ screen-sm,@ screen-md和@ screen-lg名称？因为它对我不起作用.在它工作之前,我必须使用像@media(min-width:768px){...}这样的像素测量.难道我做错了什么？

另外,对于超小型设备而言,480px的参考是错字吗？不应该说高达767px？

我正在尝试在Joomla 3中创建Bootstrap 3模板。我的主导航模块称为“导航”，因此我将其与代码段一起放置在页面上：

<jdoc:include type="modules" name="nav" style="none" />

这将创建带有“导航菜单”类的ul。由于Bootstrap 3的navbar的设置方式，我需要将其设置为“ nav navbar-nav”。您将如何去做？有没有Javascript的方法吗？到目前为止，这是我得到的：

<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
        Menu
    </button>
</div> <!-- navbar-header -->

<div class="collapse navbar-collapse navbar-ex1-collapse">
    <jdoc:include type="modules" name="nav" style="none" />
</div> <!-- navbar-collapse -->
</nav>