2013-10-17 12 views
8

私はブートストラップ3.0を使用していましたが、どのようにしてリストグループ項目を無効にすることができますか?ブートストラップ3.0のリストグループ項目を無効にしました

私が試みたのは、 "a"タグで無効にした属性を入れることでしたが、これは何の効果もありませんでした。私は同じ結果を持つ無効なクラスを追加しようとしました。ここで

いくつかの例:ブートストラップで

<div class="list-group"> 
    <a href="#" class="list-group-item">Add New entry</a> 
    <a href="#" class="list-group-item disabled">Delete Entry</a> 
</div> 

おかげ

+0

AFAIKブートストラップでリンク(a)を無効にする方法はありません。しかし、これは役立つ可能性があります:http://stackoverflow.com/questions/2091168/disable-a-link-using-css – ZimSystem

答えて

21

fromsための無効状態があるが、リンク、ナビゲーションリンク、dropdownlinksをnavbars。 http://getbootstrap.com/components/#nav-disabled-links

コピーあなたのリスト-グループについては、このディセーブル状態:

控除:

.list-group > a.disabled { 
     color: @nav-disabled-link-color; 

     &:hover, 
     &:focus { 
     color: @nav-disabled-link-hover-color; 
     text-decoration: none; 
     background-color: transparent; 
     cursor: not-allowed; 
     } 
    } 

のCss:

私はたNAV最高のディセーブル状態があなたの状況に合うと思います
.list-group > a.disabled { 
    color: #999999; 
} 
.list-group > a.disabled:hover, 
.list-group > a.disabled:focus { 
    color: #999999; 
    text-decoration: none; 
    background-color: transparent; 
    cursor: not-allowed; 
} 

例:http://bootply.com/88367

+1

リンクが無効になっているように見えますが、リンクがURLを指すhrefを持っている場合あなたを喜んでそこに連れて行きます。 –

関連する問題