Jquery 在移动设备中查看时,引导菜单完全显示。
非常感谢!我是一名使用SIMA引导模板的平面设计师。我没有成功地联系到模板的作者。除了在移动设备上查看网站时,导航菜单将完全显示外,所有内容都是洁食的。用户必须手动单击导航选项卡以隐藏菜单(可用性差)。我搜索了类似的问题,发现我有正确的元视图标记,我的导航类和id似乎都在那里。我的站点的链接位于作者站点的链接(具有相同的结果)处 HTML代码段:Jquery 在移动设备中查看时,引导菜单完全显示。,jquery,html,css,twitter-bootstrap,mobile,Jquery,Html,Css,Twitter Bootstrap,Mobile,非常感谢!我是一名使用SIMA引导模板的平面设计师。我没有成功地联系到模板的作者。除了在移动设备上查看网站时,导航菜单将完全显示外,所有内容都是洁食的。用户必须手动单击导航选项卡以隐藏菜单(可用性差)。我搜索了类似的问题,发现我有正确的元视图标记,我的导航类和id似乎都在那里。我的站点的链接位于作者站点的链接(具有相同的结果)处 HTML代码段: <!-- Start Header Section --> <header class="main_menu_sec
<!-- Start Header Section -->
<header class="main_menu_sec navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-12">
<div class="lft_hd">
<a href="index.html"><img src="http://www.thesunkenweb.com/loteksystems/img/LotekSystemsLogo_1.png" alt="Lotek Systems"/></a>
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-12">
<div class="rgt_hd">
<div class="main_menu">
<nav id="nav_menu">
<button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="navbar">
<ul>
<li><a class="page-scroll" href="index.html">Home</a></li>
<li><a class="page-scroll" href="#abt_sec">About Us<i class="fa fa-angle-down"></i></a>
<ul>
<li><a class="page-scroll" href="#tm_sec">Meet Andy</a></li>
<li><a class="page-scroll" href="#tstm_sec">Testimonials</a></li>
<li><a class="page-scroll" href="#clt_sec">Experience</a></li>
</ul>
</li>
<li><a class="page-scroll" href="#pr_sec">Services<i class="fa fa-angle-down"></i></a>
<ul>
<li><a class="page-scroll" href="CustomCloudManagement.html">Custom Managed Cloud Hosting</a></li>
<li><a class="page-scroll" href="CloudMigration.html">Cloud Migration</a></li>
<li><a class="page-scroll" href="ApplicationManagement.html">Application Management</a></li>
<li><a class="page-scroll" href="ComputerRepairs.html">Computer Repairs</a></li>
</ul>
</li>
<li><a class="page-scroll" href="#ctn_sec">Contact Us</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- End Header Section -->
-
-
再加上这个,一切都是洁净的☺ 非常感谢!!这很有道理。感谢您帮助我们的设计师!干杯Don试着给你一个,但因为我是Stack的新手,我还没有给你一个。我很快就会的!
@media (max-width:767px){
#navbar{display:none}
}