个人中心
gpt4 book ai didi

android - Twitter Bootstrap 导航栏下拉菜单不起作用

转载 作者：行者123 更新时间：2023-11-28 18:06:32 24 4
gpt4 key购买 nike

我有一个 PhoneGap 应用程序，我在其中使用 Bootstarp 进行布局和样式设置。问题是，当我在 Nexus 4 模拟器(分辨率 768x1280)上运行应用程序时，Bootstrap 将其视为桌面并将小导航栏显示为标题，而不是右侧的下拉菜单。我的 index.html header 如下:

<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>Hello World</title>
</head>

它主要是由 PhoneGap 生成的。我的目标是把它带到这个 enter image description here

最佳答案

默认情况下，grid-float-breakpoint(在 variables.less 中定义)设置为 768px。这意味着为宽度为 >=768px 的所有屏幕显示“桌面”(折叠)版本。正如您提到的，您的测试屏幕将在此范围内。因此，将 variables.less 中的 @grid-float-breakpoint 更改为 768px 以下的值并重新编译 Bootstrap (或使用 customizer 来执行此操作)。

另请阅读 http://bassjobsen.weblogs.fm/compile-twitters-bootstrap-3-without-responsive-features/查看@grid-float-breakpoint 不会影响所有设置。

要将下拉列表也更改为移动版本，另请参阅 https://stackoverflow.com/a/18944192/1596547

关于android - Twitter Bootstrap 导航栏下拉菜单不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19475138/

24 4 0
文章推荐： python - 使用 Django Channels 和 pytest-asyncio 测试消费者方法是否可以引发异常
文章推荐： javascript - 简单构造函数中的流类型错误
文章推荐： python - Pandas :将重复索引更改为分层索引
文章推荐： iphone - Objective-C 正则表达式