当前位置：文江博客话题详情

HTML breadcrumbs

Breadcrumb不起作用，设计看起来不正确

发布于 2025-02-07 06:16:02 字数 947 浏览 2 评论 0原文

确切的设计无法正确显示，代码如下。示例

<link rel="stylesheet" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="node_modules/open-iconic/font/css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap-grid.min.css">

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item active" aria-current="page">Home</li>
    </ol>
</nav>

我认为也许可以适合图书馆，但我已经更新了。

Exactly the design does not appear correctly, the code is as follows.
example

<link rel="stylesheet" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="node_modules/open-iconic/font/css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap-grid.min.css">

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item active" aria-current="page">Home</li>
    </ol>
</nav>

I think that maybe could be for the library, but i have already updated it.

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（1）

最笨的告白 2025-02-14 06:16:03

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

nav {
    padding: 10px 16px;
  list-style: none;
  background-color: #eee;

}
ul li {
 background-color: steelblue;
 list-style: none;
 font-size: 18px;
 display: inline;
 
}
li{
   padding: 10px;
}

</style>
</head>
<body>


<nav aria-label="breadcrumb" >
    <ul class="breadcrumb" >
      <li class="breadcrumb-item active" aria-current="page" >Home</li>
      <li class="breadcrumb-item" aria-current="page" >contact</li>
    </ul>
</nav>
</body>
</html>

请查看上述代码，您将找到解决方案。

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

nav {
    padding: 10px 16px;
  list-style: none;
  background-color: #eee;

}
ul li {
 background-color: steelblue;
 list-style: none;
 font-size: 18px;
 display: inline;
 
}
li{
   padding: 10px;
}

</style>
</head>
<body>


<nav aria-label="breadcrumb" >
    <ul class="breadcrumb" >
      <li class="breadcrumb-item active" aria-current="page" >Home</li>
      <li class="breadcrumb-item" aria-current="page" >contact</li>
    </ul>
</nav>
</body>
</html>

please check with the above code you will find out the solution.

回复收藏 0 原文

~没有更多了~

关于作者

暂无简介

文章

评论

26 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

櫻之舞

文章 0 评论 0

弥枳

文章 0 评论 0

m2429

文章 0 评论 0

寻找一个思念的角度

文章 0 评论 0

野却迷人

文章 0 评论 0

我怀念的。

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文