2016-07-21 12 views
4

ボタンを透明にするにはどうしたらいいですか?私は.btn-transparentを使用しようとしていますが、動作しないようです。ボタンはグレーに変わりません。このような.btn-primary-outlineブートストラップボタンを透明にする

例に

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

ことができますあなたは自分のクラスを作るのですか? – MeltingDog

+0

使用しているブートストラップのバージョンは?私は "btn-primary-outline"がブートストラップ4(v4-alpha)のクラスであることを意味します。このクラスはbootstrap3では動作しません。 –

+0

ブートストラップのどのバージョンにも 'btn-transparent'クラスはありません。 – ZimSystem

答えて

12
+0

これはまさに私が探していたものです。ありがとうございました! – James

+0

よろしくお願いいたします。 – saiful

+2

**アップデート5/11/2017 **:[BS v4-Alpha]の正しいクラス(https://v4-alpha.getbootstrap.com/components/buttons/#outline -buttons)は実際には 'btn-outline-primary'です。 –

7

使用

class="btn" and style="background-color:transparent"
代わり
 class="btn btn-primary-outline"

結果の

enter image description here

関連する問題