Bootstrap bouton aperçu ne fonctionne pas

Je suis assez nouveau à l'Amorçage, et j'ai un peu de difficulté à obtenir mes boutons de style correctement. Je veux un vert(succès) de couleur bouton, avec juste un aperçu documenté sur le site web ici. Lorsque j'utilise le code suggéré <button type="button" class="btn btn-success-outline">Success</button>, je reçois un bouton gris qui ne semble pas avoir de style ce qui ressemble à ceci... quelqu'un Pourrait-il m'aider?
Merci!

  • outline est pour bootstrap v-4, il semble que vous essayez de l'utiliser avec v-3.
  • Qu'il a été. Merci! C'est un peu embarrassant.
  • Pas de problème, il arrive aux meilleurs d'entre nous à un certain point.
  • Ce n'était pas de travail pour moi à cause de bootstrap thème optionnel css j'ai importé. Il faisait partie de mon modèle html. Enlevé et il a fonctionné correctement.
  • C'est en fait btn-outline-success regardez les guides
InformationsquelleAutor Snazzy Sauce | 2016-05-08
  1. 9

    J'ai eu un problème similaire. Vous pouvez simplement mettre en place une règle CSS à ce qu'il devrait être OU de remplacer le " btn-success-contour de classe.

    /*Bootstrap button outline override*/
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

    Si vous choisissez la première option, avec les CSS, dans votre code html à utiliser:

    <button type="button" class="btn btn-success btn-outline">success</button>
    • Cool, utilisez cette option pour bootstrap v3.
    InformationsquelleAutor Abdul Maye
  2. 1

    Êtes-vous sûr que bootstrap, fichiers css fonctionne? Parce que dans ce code <button type="button" class="btn btn-success-outline">Success</button> il ne précise rien, mais btn-success-plan (ce que vous avez dit). Vous devez vérifier si vos fichiers css œuvres ou l'autre de bootstrap documents. il fonctionne pour moi

    InformationsquelleAutor Haydar Öztürk
  3. 0

    Si Votre Bootstrap, beau travail. Que Vous pouvez tester ce code.

    <button type="button" class="btn btn-success-outline">Success</button>

    plz vérifier votre div parent. Est-ce div utiliser le Flotteur css. Si l'utilisation de float que btn besoin clear:both;

    InformationsquelleAutor Mamun
  4. 0

    Pour info c'est maintenant renommé " btn-contour-*

    https://github.com/twbs/bootstrap/issues/17719

    InformationsquelleAutor kayex
  5. 0

    la raison le votre ne fonctionne pas, c'est qu'il est btn-contour-succès pas btn-success-plan.

    • si vous êtes en utilisant bootstrap 3, il ne fonctionne pas, soit c'est un bootstrap 4 comme vanburen mentionné dans les commentaires
    InformationsquelleAutor daddycardona