如何在同一个div中添加bootstrap类和condition类？

在同一个div中添加Bootstrap类和条件类，可以通过以下几种方式实现：

1. 使用class属性同时添加多个类名，类名之间使用空格分隔。例如，如果要在一个div中添加Bootstrap的"container"类和条件类"my-class"，可以这样写：

<div class="container my-class">
  <!-- 内容 -->
</div>

这样，该div元素将同时具有Bootstrap的样式和自定义的条件类样式。

1. 使用JavaScript或jQuery动态地为div元素添加类名。例如，使用jQuery的addClass()方法可以在文档加载完成后，通过选择器选中目标div元素，并添加所需的类名。示例代码如下：

<div id="myDiv">
  <!-- 内容 -->
</div>

<script>
$(document).ready(function() {
  $("#myDiv").addClass("container my-class");
});
</script>

这样，当文档加载完成后，目标div元素将自动添加Bootstrap的"container"类和条件类"my-class"。

1. 使用JavaScript的classList属性来操作元素的类名。例如，可以通过querySelector()方法选中目标div元素，并使用classList.add()方法添加所需的类名。示例代码如下：

<div id="myDiv">
  <!-- 内容 -->
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
  var div = document.querySelector("#myDiv");
  div.classList.add("container", "my-class");
});
</script>

这样，当文档加载完成后，目标div元素将自动添加Bootstrap的"container"类和条件类"my-class"。

无论使用哪种方式，都可以在同一个div中同时添加Bootstrap类和条件类，以实现所需的样式效果。