I m testing twitter bootstrap 2 to see responsive feature in it. But I can t make it work on small devices. Here is my navbar jade template code:
div.navbar.navbar-fixed-top
div.navbar-inner
div.container-fluid
a.brand(href="#") WOWITO
div.nav-collapse
ul.nav
li.active
a(href= /getpassword , data-transition= fade , data-role= button , data-theme= a ) Forgot Password?
div.btn-group.pull-right
a.btn.dropdown-toggle(href="#",data-toggle="dropdown")
i.icon-user
Font Size
span.caret
ul.dropdown-menu
li
a#fs_med medium
li
a#fs_lrg large
li
a#fs_xlrg xlarge
我的特写法是:
meta(name= viewport , content="width=device-width, initial-scale=1.0")
link(rel= stylesheet , href= /bootstrap/css/bootstrap.min.css )
style( type="text/css")
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
link(rel= stylesheet , href= /stylesheets/bootstrap-responsive.min.css )
link(rel= stylesheet , href= /stylesheets/style.css )
script(type= text/javascript , src= /javascripts/jquery.min.js )
script(type= text/javascript , src= /bootstrap/js/bootstrap.min.js )
是否有东西被忽略? 我怎么能加以纠正?
感谢