Discussion :

[dominos]

Bonjour,

J'essai en vain de modifier le comportement d'un bouton btn-primary de façon à ce qu'il puisse être height:auto,
si vous avez une solution, je suis prenant...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.btn-primary {
    height: auto;
}

Merci d'avance pour votre réponse,

[NoSmoking]

Bonjour,
il te faut regarder également dans la règle de la classe btn, padding, line-height par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none;
}

[dominos]

Merci pour l'idée, mais ça ne fonctionne pas non plus, le bouton ne se redimensionne toujours pas

[Invité]

Bonjour,

1- As-tu regarder dans l'"explorateur" ("F12") quels CSS s'appliquent ?

2- Pour "forcer" un CSS : utiliser !important

• Règles d'application des styles CSS et gestion des conflits
• Tout ce que vous devez savoir sur la déclaration !important

[dominos]

Non ça ne fonctionne toujours pas, si vous savez comment faire, je suis intéressé de savoir comment,
j'ai pas réussi...

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="..." class="btn btn-primary"><i class="glyphicon glyphicon-chevron-right"></i>Le texte qui doit faire un retour à la ligne si la fenêtre est affichée sur un smartphone</a></p>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.btn {
	height: auto !important;
	word-wrap: break-word  !important;
}

Bonne soirée,

[NoSmoking]

Quand la question ou le besoin est mal exprimée les réponses peuvent ne pas correspondre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.btn {
  white-space: normal;
}

Ressources :
↪

• CSS white-space
• CSS word-break et non word-wrap

[Invité]

Je t'ai dis quoi faire, et mis des liens (A LIRE).

Au pire, mets les styles inline (dans le HTML) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="..." class="btn btn-primary" style="…....">...