关于bootstrap的使用问题

Question

老师你好，虽然课程中讲了可以使用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里面？

Answer 1

张轩 2023-01-11 09:43:29

同学你好

非常感谢你的发现

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

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

• 提问者 Hania冲鸭 #1

  因为对bootstrap的使用不是很了解，所以在听老师讲课的过程中反应经常会慢半拍或者不理解，所以想请教下老师，我在使用过程中怎么判断bootstrap哪些东西是我必须要加，哪些是可有可无的？

• 张轩 回复 提问者 Hania冲鸭 #2

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