Bootstrap导航栏问题

时间:2018-01-10 04:34:00

标签: html css twitter-bootstrap-3

Soruce Code

BootStrap&& my nav Screenshot

我的导航就像BootStrap

我不知道为什么我的导航栏看起来像那样以及如何解决这个问题

守则 https://getbootstrap.com/docs/3.3/components/#navbar

1 个答案:

答案 0 :(得分:0)

由于您使用的是最新的bootstrap beta版本(v4.0.0-beta.3)和早期的bootstrap版本(v3.3.7),因此会出现此问题。我相信你已经使用了以下cdn路径。

 https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css
 https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

如果你使用上面的那个,你将得到你在图像中显示的结果。您可以在FIDDLE DEMO

中进行验证

解决方案是仅在您的代码中使用版本(v3.3.7),您可以获得与它们在引导站点中显示的外观相同的外观。同样,您可以查看此FIDDLE DEMO

注意:每当您在StackOverflow中发布一些问题时,请添加问题的最小运行代码,以便人们轻松了解您的问题并帮助您解决问题。只有IMAGE不会一直有效。