俺とベトナムとオフショア開発と
Twitterやfacebookなどを利用したログインボタンや、カスタマイズシェアボタンに、各SNSのアイコンを利用したいことがよくある。
そういったものをいちいち画像で準備してcssを書いてというのは面倒くさい。
そういうときに使える素材系サイト。
http://lipis.github.io/bootstrap-social/
これらのサービスを利用することで、下記のようにcssを記入するだけで各SNSのアイコンが表示されるようになる。
|
1 |
<i class="fontawesome-facebook"></i> |
以上。
Twitter BootstrapのDropDownメニュー（これ↓）
DropDownメニュー内の項目が画面一杯になると、デフォルトではスクロールができないので画面に隠れたメニューがクリックできなくなる。
そういうときは下記を追加し
|
1 2 3 4 5 |
.scrollable-menu { height: auto; max-height: 500px; overflow-x: hidden; } |
下記のようにスクロールさせたいDropDownメニューにクラスを追加すればOK．
|
1 2 3 4 5 6 7 8 9 10 |
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Projects <b class="caret"></b></a> <ul class="dropdown-menu scrollable-menu"> <li><a href="#">Separated link</a></li> <li><a href="#">Separated link</a></li> <li><a href="#">Separated link</a></li> <li><a href="#">Separated link</a></li> <li><a href="#">Separated link</a></li> </ul> </li> |
以上。