【bootstrap】popoverの吹き出しの三角部分のサイズを変える .popover.left{ .arrow{ margin-top:-6px; right:-6px; } .arrow:after{ bottom:-5px; } } .popover.right{ .arrow{ m… Yukimi Satoハック2014.06.12 1,927
【bootstrap】popoverに改行を入れる <a href="#" data-container="body" data-toggle="popover" data-placement="… Yukimi Satoハック2014.06.12 2,458
jqueryの「.slideToggle」を使ってクリックで表示/非表示を行う $('#btn').on('click', function () { $("#openArea").slideToggle(); }); <a id=&… Yukimi Satoハック2014.06.11 375
bootstrapでtooltipやpopoverを使う際に注意すること 使い方のページを見てもうまく動かない…とずっと悩んでいましたが、 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min… Yukimi Satoハック2014.06.11 2,784
bootstrap3で「.btn」の要素をクリック後、次の要素をクリックするまでの間の.btnのフォントカラーを変える指定 .btn:hover, .btn:focus{ color:#0044cc; } bootstrap3でリンクカラーを変えた場合、発生するリンクカラーの問題です。hoverだけではなく、同時にfocusも指定する必要があ… Yukimi Satoハック2014.06.10 237
bootstrap3でレスポンシブを無効化する方法 bootstrap2系ではレスポンシブデザインを適用する際に読み込んでいたCSS、「bootstrap-responsive.css」がbootstrap3から非実装となった為、bootstrap3でレスポンシブデザイン… Yukimi Satoハック2014.06.10 713
マウスオン時に画像を半透明にする a:hover{ img{ opacity:0.2; -moz-opacity:0.2; filter:alpha(opacity = 20); } } a:hover自体にbackgroundを指定すれば、マウスオンの… Yukimi Satoハック2014.06.09 250
Bootstrap3でmodalを使用するとズレる時に設定したいCSS body.modal-open{ padding-right:17px; } modalを開いたときにスクロールバー分だけズレてしまう為、閉じるときにもズレが発生し、表示が気になる方向けです。スクロールバーの幅17px分… Yukimi Satoハック2014.06.09 3,527
表示ウィンドウの高さ100%のiframeを表示する #iframeBlock{ height:100%; .iframeBody{ height:100%; iframe{ border:none; width:100%; height:100%; padding:0; … Yukimi Satoハック2014.06.06 37,691