Html 如何在两者之间写东西；。col md-*“；？

我试图在2.col-md-1之间写一个“或”。 例如：

<div class="col-md-3"> 
  <button class="btn"> Green </button> or <button class="btn"> Blue </button>
</div>

绿色还是蓝色

这是我的代码：

<div class="row">
   <div class="col-md-1">
      <button class="btn">Green</button>
   </div>
   <div class="col-md-1">
      <button class="btn">Blue</button>
   </div>
</div>

绿色
蓝色

---

我应该在代码中写些什么，还是应该尝试另一种技术？

给他们一个ID&在javascript中执行if-else

<div class="row">
   <div id="greenDiv" class="col-md-1">
      <button class="btn">Green</button>
   </div>
   <div id= "redDiv" class="col-md-1">
      <button class="btn">Blue</button>
   </div>
</div>

绿色
蓝色

在js中

$（文档）.ready（函数（）{
if（someCondition==true）{
$（“#redDiv”）.show（）；
$（“#greenDiv”）.hide（）；
}否则{
$（“#redDiv”）.hide（）；
$（“#greenDiv”）.show（）；
}
});

取决于结果的外观。您可以这样做，例如：

<div class="col-md-3"> 
  <button class="btn"> Green </button> or <button class="btn"> Blue </button>
</div>

绿色还是蓝色

给他们和身份证

<div class="row">
 <div class="col-md-1" id="green">
  <button class="btn">Green</button>
</div>
<div class="col-md-1" id="blue">
  <button class="btn">Blue</button>
 </div>
</div>

绿色
蓝色

然后，您可以选择第一个元素并在其后面附加一个元素

$("$green").after('<div>OR</div>')

$（“$green”）。在（'OR'之后

您可以在两个元素之间添加另一个

col-md-1

（或任何适合您需要的列大小）：

绿色
或

蓝色

我不知道如何在JavaScript中使用“if else”这个词，我的朋友。你能告诉我更多关于这种情况吗&你什么时候选择“or”？@ovokuro我已经详细说明了OP在问题

中说我正试图**写一个“or”

，这样它看起来像绿色或蓝色，而不是一个或另一个。你能解释一下条件是什么以及你决定如何使用它们吗？OP从来没有使用过“条件”这个词，也没有标记问题javascript。我可能只会使用一个绝对定位的伪元素（基于“或”这个词）可能不是这里最重要的部分，如果UI缺失，它对用户来说仍然是有意义的-因此它不一定是HTML的一部分，但可以通过CSS插入。）@ovokuro自己不要再做OP了。。。让他问这个问题

<div class="row">
   <div class="col-md-1">
      <button class="btn">Green</button>
   </div>
   <div class="col-md-1">
      <p>or</p>
   </div>
   <div class="col-md-1">
      <button class="btn">Blue</button>
   </div>
</div>