Bootstrap 在调整大小时正确显示，但在智能手机上不显示

Question

出于某种原因，如果我调整 window 的大小，我的 bootstrap 网站（这里是 link）显示正确，但它在我的智能手机上显示不正确。使用 'right' 我的意思是导航栏切换已启用。请使用 "show source" 检查错误可能出在哪里。

Answer 1

好的，您必须 post 您的代码，以便我们对其进行编辑。但我去了你的网站并查看了源代码。在你想要放置容器的正文之后 class。

<body>
   <div class="container">
       ...........
    </div>
</body>

在那个 class 容器中，您要添加 div 个 class 行。将具有导航栏 class 的 div 替换为 nav

<div class="row ">
   <nav class="navbar navbar-default navbar-fixed-top">

        <div class="navbar-header">
            <button type="button" class="navbar-toggle search-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class=" glyphicon glyphicon-search"></span>
                </button>
                 //..... navbar remaining code
        </div>//remove the div container it might be one of your multiple problems
   </nav>
</div>
<div class="row ">
     ... rest of your website code. 
</div>

Answer 2

你试过这个元标签了吗？

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

more ...

Answer 3

在头部使用这个来获取智能手机的大小并调整大小

<meta name="viewport" content="width=device-width, user-scalable=no">

抱歉，这是我的第一个 post。

Bootstrap 在调整大小时正确显示，但在智能手机上不显示

Bootstrap displays right on resize but not on smartphone

responsive-design

twitter-bootstrap

twitter-bootstrap-3