Comment écrire quelque chose entre deux ".col-md- *"?

-1

J'essaie d'écrire un "ou" entre 2 ".col-md-1". Par exemple:Comment écrire quelque chose entre deux ".col-md- *"?

vert ou bleu

Voici mon code:

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

Que dois-je écrire dans le code ou devrais-je essayer une autre technique?

Source

2017-10-20 Διονύσης Τέρζιος

Pouvez-vous expliquer quelle est la condition et comment vous décidez d'utiliser chacun d'eux? –

OP n'a jamais utilisé le mot 'condition', et n'a pas tagué la question javascript. – sol

J'utiliserais probablement un pseudo élément absolument positionné (sur la base que le mot "ou" n'est probablement pas la partie la plus importante ici, et que l'interface utilisateur aurait encore du sens pour les utilisateurs si elle manquait - donc cela ne fonctionne pas nécessairement besoin de faire partie du code HTML, mais pourrait être inséré via CSS.) – CBroe

-2

leur donner une carte d'identité & faire si l'autre dans Javaascript

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

dans js

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

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

Source

2017-10-20 13:55:41

Je ne sais pas comment faire le "si d'autre" dans JavaScript mon ami. –

Pourriez-vous en dire plus sur la condition et quand vous allez "ou" ??? –

@ovokuro J'ai élaboré –

dépend de la façon devrait ressembler le résultat. Vous pouvez faire quelque chose comme ceci par exemple:

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

Source

2017-10-20 13:56:58 cloned

-1

Donnez-les et ID.

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

et vous pouvez sélectionner le premier et ajouter un élément après

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

Source

2017-10-20 13:57:56

Vous pouvez ajouter un autre col-md-1 entre les 2 éléments (ou quelle que soit la taille colonne convient à vos besoins):

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

Source

2017-10-20 13:58:30 Jackowski

Comment écrire quelque chose entre deux ".col-md- *"?

Répondre

Questions connexes