Debuginfo

思考とアウトプット

bootstrap

Bootstrap3でモバイル時のnav pull down menuを早くする

Responsiveで出てくるハンバーガーメニューの動きです。 これ微妙に遅くてもっさり感があるので、app/styles/main.scssで上書きした。(main.cssでも同じ) # vi app/styles/main.scss // Speed up nav dropdown in mobile .collapsing { position: relative;…

AngularJS+Bootstrap3でモバイルview時にnavbarが閉じない(collapseしない)現象を解決する

どうやらSingle page applicationのときに起きる現象のようですが、Bootstrap3を使っていてwindowサイズを小さくするとメニューがハンバーガーになります。ここでリンクをクリックするとリンク先でハンバーガーのnavbarが閉じなくなります。解決方法は、下記…

Bootstrap3のMobileで見たときにヘッダの余白が15pxできてしまう現象を解決する

下記の写真(右上!)のようにモバイルで見たときに微妙に余白ができてズレる現象が起きました。 デバッグツールで見てみると.rowのmarginが影響しているようです。 解決方法は、 .rowFullWidth { margin-left: 0 !important; margin-right: 0 !important; }…

twitter-bootstrap-railsをインストール

これを入れるとすごいことになりそうなので入れてみます。 注: ちなみにrails初心者でPerl mongerです。generateの動作等を手探りで見てます 基本的にhttps://github.com/seyhunak/twitter-bootstrap-railsのREADMEに従います。 Installing gem Gemfileに書…