Twitter bootstrap 响应式导航栏isn'；当它'；s的大小调整为较小的尺寸_Twitter Bootstrap_Twitter Bootstrap 2

Twitter bootstrap 响应式导航栏isn'；当它'；s的大小调整为较小的尺寸

twitter-bootstrap

Twitter bootstrap 响应式导航栏isn'；当它'；s的大小调整为较小的尺寸,twitter-bootstrap,twitter-bootstrap-2,Twitter Bootstrap,Twitter Bootstrap 2,我有Bootstrap V2.3.2，我想制作一个响应迅速的导航栏。我已经建立了我的导航栏，当它的大小调整到一个较小的大小，我点击“按钮”，这是形成的，当它变小，它不会显示任何东西！这是我的密码： `<!DOCTYPE html> <html lang="en"> <head> <title>Prueba de Responsive Site</title> <li

我有Bootstrap V2.3.2，我想制作一个响应迅速的导航栏。我已经建立了我的导航栏，当它的大小调整到一个较小的大小，我点击“按钮”，这是形成的，当它变小，它不会显示任何东西！这是我的密码：

  `<!DOCTYPE html>
        <html lang="en">
      <head>
        <title>Prueba de Responsive Site</title>
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/bootstrap-responsive.css">
        <link rel="stylesheet" href="css/style.css">
    </head>

    <body>
      <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
          <div class="container">
    <button class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><i class="icon-tasks"></i></button>
           <div class="nav-collapse collapse">
        <ul class="nav pull-right">
         <li class="active"><a href="#">Home</a></li>
         <li ><a href="#">Package</a></li>
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#" type="button">Matutina
     <i class="caret">
     </i></a>
       <ul class="dropdown-menu"><li><a href="#"> </a>Prueba1</li>                                                                                   <li><a href="#"> </a>Prueba2</li>                                 <li><a href="#"></a>Prueba3</li>                              <li><a href="#"></a>Prueba4</li>                           </ul>
<li ><a href="#">About</a></li>
<li ><a href="#">Now</a></li>
</ul>
</div></div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>     <script src="js/bootstrap.js"></script>
</body>
</html>`

`
Prueba de Responsive Site




Prueba1
Prueba2
Prueba3
Prueba4




`

我对BootStrap所能做的事感到非常敬畏，但它真的要了我的命！该死任何能帮上忙的人我都会非常高兴的！XD

下面是它的外观：

我在v3上也有类似的问题，我在（asp.net）内部使用了navbar。经过几个小时的调查后，我将navbar放在这个表单runat的上方，并且一切都很好。。。。我看到了你的代码，你没有使用表单标签。。但这可能对其他人有用

我有解决办法检查这个

这意味着错误不在HTML中

尝试包含这个css

http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css

这是JS

http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js

确保你有正确的引导依赖项。伙计们，我在整个网站上找不到任何解决方案，所以我决定下载一个引导模板，并将我的代码与之进行比较，因此我发现我需要在页面的开头和底部添加一些文件：

<head>
    <title>Admin Home Page</title>
    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
    <link href="vendors/easypiechart/jquery.easy-pie-chart.css" rel="stylesheet" media="screen">
    <link href="assets/styles.css" rel="stylesheet" media="screen">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="vendors/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>

<body>

<!-- some code here --->

<script src="vendors/jquery-1.9.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="vendors/easypiechart/jquery.easy-pie-chart.js"></script>
    <script src="assets/scripts.js"></script>

</body>


管理员主页

我不知道为什么它只适用于这个。。。但它成功了，这才是真正重要的！jaja我还想与大家分享，你必须完全按照相同的顺序编写这些库，否则它将无法工作！。。。imma也会发布这些文件，以便您在遇到相同问题时下载它们，以下是链接：

你确定吗？在小提琴中，我这里的链接正在工作。你能摆弄一下你正在使用的文件吗？是的，我试过摆弄它，它确实起了作用，但我已经发现了问题：我没有添加一些文件（js、css等），所以让我发布解决方案。感谢你试图帮助我，但我在这种情况下没有使用表单，所以当我开始用bootstrap编写C#时，它可能会对我有用！