gpt4 book ai didi

html - Bootstrap "Navbar"css 类在我的 html 页面上不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 03:55:12 25 4
gpt4 key购买 nike

我是 Bootstrap 新手,我正在按照 Brad Hussey bootstrap 教程学习 bootstrap。

导航栏 css 类根本没有为我的网页加载。我将 index.html 保存在 bootstrap css 文件夹之外,我没有提供正确的路径吗?我错过了什么??小帮助将不胜感激...

同时附上图片和代码片段...

original.png 是我希望我的页面的样子。我的 page.png 是我的页面的样子。

我的开发者控制台也没有显示任何错误,如图所示。

这是我的代码:`

    <!--Mobile viewport optimized-->
<meta name="viewport" content="width-device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!--Bootstrap CSS-->
<link href="css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
<div class="container" id="main">
<div class="navbar navbar-fixed-top">
<div class"container">
<a class=""navbar-brand" href="/"><img src="images/logo.png" alt="Your Logo"></a>
</div><!--end container-->
</div><!--navbar-->
</div><!--end container--></body>

`

谢谢,呼吸机

Original.png my page.png

最佳答案

看来您的问题可能出在这里:

<a class=""navbar-brand" href="/"><img src="images/logo.png" alt="Your Logo"></a>

修改为:

<a class="navbar-brand" href="#"><img src="images/logo.png" alt="Your Logo"></a>

如您所见,有一个双引号,还添加了一个标准的 # 链接。

关于html - Bootstrap "Navbar"css 类在我的 html 页面上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22908849/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com