css - 如果取消Twitter Bootstrap导航栏崩溃

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


  隐藏的（？）和可见的（？）


简单：

<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>

屏风

中型，大型和更多屏幕：



小型设备（Pad）：



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



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



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



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



这种方法会导致可能的错误吗？而且您认为230像素就足够了吗？谢谢。

最佳答案

如果我没记错，您想在这里提出两个问题：

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

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

Ans。 1）

下面的设备说320px在wearables设备下，是的，如果您愿意的话，您可以支持这些设备。

Ans。 2）

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

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

检查我的Fiddle。演示一个简单的示例，说明一旦宽度低于230像素，样式将如何更改。

关于css - 如果取消Twitter Bootstrap导航栏崩溃，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35115283/