Bootstrap是世界上最受欢迎的前端开发框架之一，用于快速构建响应式和移动优先的网站。在Bootstrap 3中，设计和交互的细节被优化得更加完善，包括对列表项的状态处理。本教程主要关注的是如何在Bootstrap 3中创建和使用禁用状态的列表项。Bootstrap 3中的禁用列表项涉及到HTML5的<;li>;元素与CSS类的结合使用。<;li>;元素用于创建无序列表（<;ul>;)或有序列表（<;ol>;）。为了将列表项设置为禁用状态，可以添加disabled类到<;li>;元素上。虽然不会真正禁用点击功能，但视觉上会表示其禁用状态。 以下是创建禁用列表项的基本代码结构： html &lt;ul class=\"list-group\"&gt; &lt;li class=\"list-group-item\"&gt;正常列表项&lt;/li&gt; &lt;li class=\"list-group-item disabled\"&gt;禁用列表项&lt;/li&gt; &lt;/ul&gt;在JavaScript环境中，如果想动态禁用或启用列表项，可以使用jQuery等库操作这些元素的disabled类。 javascript //获取列表项元素var listItem = $('.list-group-item'); //添加或移除'disabled'类listItem.addClass('disabled'); //禁用listItem.removeClass('disabled'); //启用需要注意，虽然视觉上禁用了列表项，但若包含可点击的链接，仍可点击操作。若希望阻止链接行为，需同时禁用<;a>;元素。