Question

我正在尝试写一个＆＃34;或＆＃34;在2＆＃34; .col-md-1＆＃34;之间。例如：

绿色或蓝色

这是我的代码：

<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>

我应该在代码中写什么，还是应该尝试其他技术？

Answer 1

取决于结果的样子。你可以做这样的事情，例如：

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

Answer 2

您可以在2个元素之间添加另一个col-md-1（或任何适合您需要的列大小）：

<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>

Answer 3

提供他们和身份证明。

<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>')

Answer 4

给他们一个ID＆amp;在Javaascript中执行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

<script>
$(document).ready(function(){

     if(someCondition == true){
        $("#redDiv").show();
        $("#greenDiv").hide();
     }else{
        $("#redDiv").hide();
        $("#greenDiv").show();
     }
});
</script>

如何在两个＆＃34; .col-md - *＆＃34;之间写东西？

4 个答案: