导航栏响应不工作 bootstrap v2.2
Navbar responsiveness not working bootstrap v2.2
我正在使用 bootstrap 版本 2.2,它对导航栏没有响应请帮助我我应该如何处理移动视图这里是我的 html
<nav class="navbar">
<div class="navbar-inner is-sticky">
<div class="main-nav">
<!-- Nav Menu -->
<ul class="nav nav-tabs">
<li><a href="Index.aspx" type="text/html">Home</a></li>
<li class="dropdown">
<a data-toggle="dropdown"
href="#">Our Products
<b class="caret"></b>
</a>
<%
string tagc = "";
using (MarhabaWebApplication.model.marhaba_web_dbEntities db = new MarhabaWebApplication.model.marhaba_web_dbEntities())
{
tagc += "<ul class=\"dropdown-menu\">";
var cat = (from pc in db.tbl_product_category select pc).ToList();
for (int i = 0; i < cat.Count; i++)
{
tagc += "<li onclick=navigatetocatpage(" + cat[i].p_c_id + ")>"+cat[i].p_c_name+"</li>";
}
tagc += "</ul>";
}
Response.Write(tagc);
%>
</li>
<li><a href="index.html#about">about us</a></li>
<li><a href="index.html#portfolio">portfolio</a></li>
<li><a href="index.html#contact">contact</a></li>
<li><a href="blog/index.html">Blog</a></li>
</ul>
</div>
<!-- Nav Menu end-->
</div>
</nav>
我们的“产品”选项卡正在动态创建,请忽略运行正常的代码,请告诉我我应该如何提高响应速度,谢谢!
bootstrap also telling something about navbar responsiveness
<nav class="navbar">
<div class="navbar-inner is-sticky">
<div class="main-nav">
<!-- Nav Menu -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul class="nav">
<li><a href="Index.aspx" type="text/html">Home</a></li>
<li class="dropdown">
<a data-toggle="dropdown"
href="#">Our Products
<b class="caret"></b>
</a>
<%
string tagc = "";
using (MarhabaWebApplication.model.marhaba_web_dbEntities db = new MarhabaWebApplication.model.marhaba_web_dbEntities())
{
tagc += "<ul class=\"dropdown-menu\">";
var cat = (from pc in db.tbl_product_category select pc).ToList();
for (int i = 0; i < cat.Count; i++)
{
tagc += "<li onclick=navigatetocatpage(" + cat[i].p_c_id + ")>"+cat[i].p_c_name+"</li>";
}
tagc += "</ul>";
}
Response.Write(tagc);
%>
</li>
<li><a href="index.html#about">about us</a></li>
<li><a href="index.html#portfolio">portfolio</a></li>
<li><a href="index.html#contact">contact</a></li>
<li><a href="blog/index.html">Blog</a></li>
</ul>
</div>
</div>
<!-- Nav Menu end-->
</div>
</nav>
我正在使用 bootstrap 版本 2.2,它对导航栏没有响应请帮助我我应该如何处理移动视图这里是我的 html
<nav class="navbar">
<div class="navbar-inner is-sticky">
<div class="main-nav">
<!-- Nav Menu -->
<ul class="nav nav-tabs">
<li><a href="Index.aspx" type="text/html">Home</a></li>
<li class="dropdown">
<a data-toggle="dropdown"
href="#">Our Products
<b class="caret"></b>
</a>
<%
string tagc = "";
using (MarhabaWebApplication.model.marhaba_web_dbEntities db = new MarhabaWebApplication.model.marhaba_web_dbEntities())
{
tagc += "<ul class=\"dropdown-menu\">";
var cat = (from pc in db.tbl_product_category select pc).ToList();
for (int i = 0; i < cat.Count; i++)
{
tagc += "<li onclick=navigatetocatpage(" + cat[i].p_c_id + ")>"+cat[i].p_c_name+"</li>";
}
tagc += "</ul>";
}
Response.Write(tagc);
%>
</li>
<li><a href="index.html#about">about us</a></li>
<li><a href="index.html#portfolio">portfolio</a></li>
<li><a href="index.html#contact">contact</a></li>
<li><a href="blog/index.html">Blog</a></li>
</ul>
</div>
<!-- Nav Menu end-->
</div>
</nav>
我们的“产品”选项卡正在动态创建,请忽略运行正常的代码,请告诉我我应该如何提高响应速度,谢谢! bootstrap also telling something about navbar responsiveness
<nav class="navbar">
<div class="navbar-inner is-sticky">
<div class="main-nav">
<!-- Nav Menu -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul class="nav">
<li><a href="Index.aspx" type="text/html">Home</a></li>
<li class="dropdown">
<a data-toggle="dropdown"
href="#">Our Products
<b class="caret"></b>
</a>
<%
string tagc = "";
using (MarhabaWebApplication.model.marhaba_web_dbEntities db = new MarhabaWebApplication.model.marhaba_web_dbEntities())
{
tagc += "<ul class=\"dropdown-menu\">";
var cat = (from pc in db.tbl_product_category select pc).ToList();
for (int i = 0; i < cat.Count; i++)
{
tagc += "<li onclick=navigatetocatpage(" + cat[i].p_c_id + ")>"+cat[i].p_c_name+"</li>";
}
tagc += "</ul>";
}
Response.Write(tagc);
%>
</li>
<li><a href="index.html#about">about us</a></li>
<li><a href="index.html#portfolio">portfolio</a></li>
<li><a href="index.html#contact">contact</a></li>
<li><a href="blog/index.html">Blog</a></li>
</ul>
</div>
</div>
<!-- Nav Menu end-->
</div>
</nav>