Question

我正在使用Twitter Bootstrap导航栏。我试图使导航栏对移动设备正常运行（即屏幕尺寸很小时）。

nav-collapse在此jsfiddle中运行正常。但对于相同的代码，在浏览器中，当我减小窗口大小时，它不起作用。我不知道这似乎是什么问题。请帮帮我。

修改包含head

的内容

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <link rel="shortcut icon" href="favicon.ico">

    <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="jquery-ui.css" />
    <script src = "jquery-1.9.1.js" type = "text/javascript"></script>
    <script src = "jquery-ui.js" type = "text/javascript"></script>
    <script src = "jquery.validate.js" type = "text/javascript"></script>
    <script src = "1.3.1.js" type = "text/javascript"></script>


    <link rel="stylesheet" type="text/css" href="bootstrap-wysihtml5.css"/>
    <link rel="stylesheet" type="text/css" href="http://jhollingworth.github.com/bootstrap-wysihtml5/lib/css/bootstrap.min.css"></link>

    <script src = "bootstrap.min.js" type = "text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="http://jhollingworth.github.com/bootstrap-wysihtml5/lib/css/prettify.css"></link>
    <link rel="stylesheet" type="text/css" href="http://jhollingworth.github.com/bootstrap-wysihtml5/src/bootstrap-wysihtml5.css"></link>

    <link rel="stylesheet" type="text/css" href="css/job.css"/>
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>

twitter Bootstrap导航栏无法正常工作

0 个答案: