Make Bootstrap Button Transparent

Wie mache ich mein button transparent? Ich habe versucht, zu verwenden .btn-transparent, aber kann nicht scheinen, um es zu arbeiten. Den button einfach immer Grau.

<p>
    <!-- Search Button -->
    <div class="container3">
        <div class="btn-group ">
            <button type="button" class="btn btn-primary-outline">SEARCH</button>
            <button type="button" class="btn btn-primary-outline">
                <span class="glyphicon glyphicon-menu-right"></span>
            </button>
        </div>
    </div>
</p>
Kann man nicht machen Ihre eigene Klasse?
Die bootstrap-version verwenden Sie? Ich meine "btn-primary-outline" ist die Klasse der bootstrap4(v4-alpha). Diese Klasse kann nicht in bootstrap3.
Es gibt keine btn-transparent Klasse in jeder version von Bootstrap.

InformationsquelleAutor James | 2016-07-21

  1. 23

    machen css .btn-primary-outline

    Beispiel so : https://jsfiddle.net/472cxwg9/

    Das ist genau das was ich Suche zu tun. Danke!!!
    du bist herzlich willkommen..
    UPDATE 5/11/2017: Die richtige Klasse für das BS-v4-Alpha ist eigentlich btn-outline-primary.

    InformationsquelleAutor saiful

  2. 10

    Verwenden 

    class="btn" und style="background-color:transparent"

    statt 

     class="btn btn-primary-outline"

    Ergebnis

    Make Bootstrap Button Transparent

    InformationsquelleAutor Abdelwahid Oubaalla

  3. 1

    In bootstrap 3 ich fügte hinzu:

    .btn-primary-outline {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

    :

    <div class="col-xs-3" style="margin-top: 25px;">
<button type="button" class="btn btn-primary-outline">
<span style="display: inline; font-size: 30px; color: #007bff;" class="material-icons save">
</span>&nbsp;
</button>
</div>

    InformationsquelleAutor RandomUs1r

Schreibe einen Kommentar