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

时间:2015-01-12 21:44:57

标签: twitter-bootstrap twitter-bootstrap-3 responsive-design

出于某种原因,如果我调整窗口大小但我的智能手机上的显示不正确,我的引导程序网站(此处为link)会显示正确。使用'right',我的意思是导航栏切换已启用。请使用“show source”查看错误的位置。

3 个答案:

答案 0 :(得分:2)

您是否尝试过此元标记?

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

more ...

答案 1 :(得分:1)

在头部使用此功能可以获取智能手机的大小并调整大小

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

抱歉,这是我的第一篇文章。

答案 2 :(得分:0)

好的,你必须发布你的代码,以便我们编辑它。但是我去了你的网站并查看了源代码。在你想要放置容器类的正文之后。

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

在该类容器中,您要添加一个div类的div。用nav

替换具有navbar类的div
<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>