Bootstrap3(13)

13follower
nissy さんのアバター 278views

jQuery ボタンの無効化

ボタンの無効化は以下のように、disabledを上手に使うと対応出来ます。 //以下の様なボタンが有るとすると。。。。 <button id="hoge">......</button> //prop()で無効化... 2016年6月23日
harada さんのアバター 775views

Bootstrap3:ラジオボタンをスイッチ表示にする

Bootstrap3を利用して、簡単にラジオボタンをスイッチのように表示することができます。 デモはこちら 事前にBootstrap3のJavaScriptファイルとjQuery、CSSファイルを読み込んでください。 HTML <... 2016年4月14日
harada さんのアバター 144views

Bootstrap3のボタングループで線が重なるバグを修正する

Bootstrapのbtn-groups-justifiedクラスを利用することで、簡単に均等配置のボタングループが作成できます。 http://getbootstrap.com/components/#btn-groups-justifi... 2015年6月17日
Yukimi Sato さんのアバター 560views

【bootstrap】入れ子にする時は親よりも大きくならないようにする

<div class="row"> <div class="col-md-8">.col-md-8 ←親は【8】 <div class="row"> <div class="... 2014年10月8日
Yukimi Sato さんのアバター 234views

【bootstrap】「XXX-fluid」にすると可変になる

今まで使っていて、「XXX-fluid」ではない方のclassをほぼ使わなかったので、いまいち違いが理解できていませんでした。 bootstrapは固定幅940pxのグリッドレイアウトフレームワークですが、 その固定幅を外すclassが「X... 2014年10月8日
harada さんのアバター 9,769views

Bootstrapでモーダルダイアログ表示

Bootstrapを利用して、簡単にモーダルダイアログを実装することができます。 HTML <!-- モーダルダイアログのトリガー--> <button class="btn btn-primary btn-lg" d... 2014年9月24日
harada さんのアバター 1,834views

Bootstrap3版のアコーディオン(Collapse / accordion)表示

Bootstrap3を試しているのですが、結構タグが変わっているのですね。 アコーディオン表示のBootstrap3バージョンです。 CSS <link rel="stylesheet" href="https://maxcdn.... 2014年9月19日
Yukimi Sato さんのアバター 654views

bootstrap3のtabでjscrollpane.jsを使う

$('.nav-tabs li a').click(function (e) { e.preventDefault(); $(this).tab('show'); $(... 2014年6月16日
Yukimi Sato さんのアバター 2,595views

【bootstrap3】modalを開いた時にフォームにフォーカスする

<div class="modal fade" id="myModal"> <input id="modalTitle" type="text"... 2014年6月13日
Yukimi Sato さんのアバター 241views

bootstrap3で「.btn」の要素をクリック後、次の要素をクリックするまでの間の.btnのフォントカラーを変える指定

.btn:hover, .btn:focus{ color:#0044cc; } bootstrap3でリンクカラーを変えた場合、発生するリンクカラーの問題です。hoverだけではなく、同時にfocusも指定する必要があります。 細かい... 2014年6月10日
Yukimi Sato さんのアバター 3,843views

bootstrap3でレスポンシブを無効化する方法

bootstrap2系ではレスポンシブデザインを適用する際に読み込んでいたCSS、「bootstrap-responsive.css」がbootstrap3から非実装となった為、bootstrap3でレスポンシブデザインを無効化する方法を紹... 2014年6月10日
Yukimi Sato さんのアバター 4,001views

Bootstrap3でmodalを使用するとズレる時に設定したいCSS

body.modal-open{ padding-right:17px; } modalを開いたときにスクロールバー分だけズレてしまう為、閉じるときにもズレが発生し、表示が気になる方向けです。スクロールバーの幅17px分だけ開いた時にpa... 2014年6月9日
Yukimi Sato さんのアバター 367views

[bootstrap3] 「.fa-spin」だけで実装できるwebfontインジケータ

「bootstrap3」と「font-awesome4」では、インジケータに専用gif画像を用意しなくても、特定のクラスをwebfontに指定するだけでインジケータを表示することができます。 <i class="fa fa... 2014年5月22日