如果取消 twitter 引导导航栏折叠答案

【问题标题】：If cancel the twitter bootstrap navbar collapse如果取消 twitter 引导导航栏折叠
【发布时间】：2016-05-09 00:05:51
【问题描述】：

我在一个 php 网站上工作并使用引导库。我将从导航栏中取消折叠功能。我解决了响应问题如下；

隐藏-(?)和可见-(?)

简单：

<li>
  <a href="#">
    <span class="glyphicon glyphicon-map-marker visible-sm-block visible-xs-block"></span>
    <span class="hidden-xs hidden-sm">Contact</span>
  </a>
</li>

屏幕

中、大和更多屏幕：

小型设备（垫）：

x-小型设备（电话）屏幕 1：

x-小型设备（电话）屏幕 2：

x-小型设备（电话）屏幕 3： “我支持的设备最小宽度：230px”

x-小型设备（电话）屏幕 4： " 更多小型设备看到损坏的导航栏"

这种方法会导致可能的错误吗？你认为 230px 就够了吗？谢谢。

【问题讨论】：

标签： css twitter-bootstrap responsive-design

【解决方案1】：

如果我没记错的话，你想在这里问 2 个问题：

1) 我是否应该支持任何小于 230 像素最小宽度的设备？

2) 如果是，那么我如何定位此范围及以下范围的样式。 ?

回答。 1)

下面的设备说 320px 属于wearables 设备，是的，如果你愿意，当然可以支持这些设备。

回答。 2)

您可以使用媒体查询和max-width : 230px 来定位此范围，就像这样

@media only screen and (max-width : 230px) {
  /* Styles */
}

查看我的Fiddle。演示了一个简单的示例，说明当宽度低于 230 像素时样式如何变化。

【讨论】：