关于bootstrap的使用问题

来源：4-8 Dropdown 组件基本功能编码

Hania冲鸭

2023-01-10

老师你好，虽然课程中讲了可以使用bootstrap中现有的样式，但是实际听课下来发现，我们在编码过程中写的代码还是和bootstrap有不同的。比如这节课讲的这两个地方图片描述
bootstrap给的样例实际是这样的：

<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
    <li><a class="dropdown-item" href="#">Action</a></li>

请问在实际使用中，我怎么判断ul里要不要加aria-labelledby="dropdownMenuLink"？又或者class="dropdown-item"是该写在a标签里还是li里面？

写回答

1回答

张轩

2023-01-11

同学你好

非常感谢你的发现

class="dropdown-item" 的位置应该是我的一个小问题，在代码中加错位置了，后面使用 dropdown 组件的代码的时候会修改这个问题，所以这里你应该使用原有的结构。

另外一个 aria 标签属于可访问性的内容，这个可加可不加，看自己的意愿了～

张轩

Hania冲鸭

同学你好，那么就教你一个简单的方法，就直接按文档复制过来就好，都加上，看到我的代码少一些东西也不要紧。

2023-01-12

共2条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

回答 2

回答 2

回答 1

回答 1

回答 1