bootstrap 选中怎么做

要在Bootstrap中实现选中效果，可以使用active类。一般情况下，该类应该添加在某个元素的父级元素上，而不是添加在该元素本身上。例如，如果要实现选中某个按钮的效果，可以将active类添加在该按钮所在的div元素上。具体做法如下：

<div class="btn-group">
  <button type="button" class="btn btn-primary">按钮1</button>
  <button type="button" class="btn btn-primary active">按钮2</button>
  <button type="button" class="btn btn-primary">按钮3</button>
</div>

在上述代码中，按钮2被选中，因为它的class属性中包含了active类。如果要动态地添加/删除active类，可以使用JavaScript/jQuery来实现。

相关问题

bootstrap 选中行变色

要实现选中行变色，可以使用 Bootstrap 的 table-hover 类。这个类会在鼠标悬停在表格行上时为该行添加背景色。

但是如果想要点击行时也能变色，需要使用 JavaScript 或 jQuery 来实现。可以添加一个点击事件监听器，当用户点击表格行时，为该行添加特定样式。

以下是一个使用 jQuery 实现选中行变色的示例代码：

<table class="table table-hover">
  <tbody>
    <tr>
      <td>John</td>
      <td>Doe</td>
      <td>john@example.com</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>Doe</td>
      <td>jane@example.com</td>
    </tr>
    <tr>
      <td>Bob</td>
      <td>Smith</td>
      <td>bob@example.com</td>
    </tr>
  </tbody>
</table>

<script>
  $(document).ready(function() {
    // 添加点击事件监听器
    $('table tbody tr').click(function() {
      // 取消所有选中行的样式
      $('table tbody tr').removeClass('selected');
      // 为当前行添加选中样式
      $(this).addClass('selected');
    });
  });
</script>

<style>
  /* 选中行的样式 */
  .selected {
    background-color: #007bff;
    color: #fff;
  }
</style>

在这个示例中，当用户点击表格行时，会为该行添加 `selected` 样式，使其背景色变为蓝色，文本颜色变为白色。同时，会取消其他已选中行的样式。

bootstrap li选中高亮

要在Bootstrap中实现li选中高亮，可以使用active类。在HTML中，添加class="active"到li元素中即可。例如：

<ul class="nav">
  <li class="active"><a href="#">首页</a></li>
  <li><a href="#">新闻</a></li>
  <li><a href="#">联系我们</a></li>
</ul>

这将会使第一个li元素高亮显示。如果要动态地添加/删除active类，可以使用JavaScript/jQuery来实现。