2018-08-01から1ヶ月間の記事一覧
olタグの数字がスマホの実機で見ると消えるバグの修正方法 olタグをそのままつけると実機だと表示されなくなる そんな時はつけてるクラスに ol li { display: inline-block; } を付け加えることで しっかりと数字が表示される
bootstrapのハンバーガーメニュー 以外を押すと自動でハンバーガーメニュー を閉じる方法 の、備忘録、、、、、 :javascript $(document).bind('click', function(e) { var opened = $('.navbar-collapse').hasClass('collapse in'); if ( opened === true )…
link_toでidを渡す =link_to"詳細", '/tweets/#{tweet.id}', method: :get という風に渡すと、、、 となってしまいidをちゃんと渡せない =link_to"詳細", "/tweets/#{tweet.id}", method: :get urlの指定をシングルクォーテーションではなくダブルクォーテー…
対応サイズの指定 576px以上 col-sm 768px以上 col-md 992px以上 col-lg 1200px以上 col-xl 全大きさ colのみ 一定の大きさで見えないようにする iPad以上の大きさで見えないようにする場合 d-lg-none 一定の大きさで見えるようにする iPad以上の大きさで見…
bootstrapの色指定 文字色を指定 text-????とすることで文字の色を指定 <p class="text-primary">.text-primary</p>水色の文字になる text-????とすることで文字の色を指定 background-colorの指定 bg-????で背景色を指定 <div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>水色の背景になる margin・paddingの指定 margin・pad…