Question

当我尝试基于jumbotron的页面的移动版本时，导航栏不会切换。我希望它像the example一样折叠，但事实并非如此。也许我错过了一些代码，你能帮我把它搞定吗？此屏幕截图是导航栏在[示例中]折叠时的外观。

这是my page，它基于jumbotron但是当我按下右上角的按钮时，导航栏折叠不起作用，它不会切换。

我的代码（与示例相同）。

 var factory = new ConnectionFactory() { HostName = "localhost" };
        using (var connection = factory.CreateConnection())
        using (var channel = connection.CreateModel())
        {
            channel.ExchangeDeclare(exchange: "logs", type: "fanout");

            var queueName = channel.QueueDeclare().QueueName;
            channel.QueueBind(queue: queueName,
                              exchange: "logs",
                              routingKey: "");

            Console.WriteLine(" [*] Waiting for logs.");

            var consumer = new EventingBasicConsumer(channel);
            consumer.Received += (model, ea) =>
            {
                var body = ea.Body;
                var message = Encoding.UTF8.GetString(body);
                Console.WriteLine(" [x] {0}", message);
            };
            channel.BasicConsume(queue: queueName,
                                 noAck: true,
                                 consumer: consumer);

            Console.WriteLine(" Press [enter] to exit.");
            Console.ReadLine();
        }

Answer 1

请尝试检查您的bootstrap.min.js或bootstrap.js。可能是没有正确加载。

Answer 2

您能告诉我们导入bootstap和jquery的部分吗？

我相信失败就在那里。因为对我来说这个例子很有用。在将我的导入按顺序进行之前，我有相同的行为。

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

这应按此顺序放在<head>中，以便提供Bootstrap的正常功能。

bootstrap navbar不切换

2 个答案: