タグ付けされた質問 「twitter-bootstrap-3」

Bootstrap 3はフロントエンドフレームワークの第3世代であり、魅力的なルックアンドフィールでスピーディなWeb開発を可能にします。[twitter-bootstrap]タグと一緒に使用します

20
ブートストラップ：モーダルで別のモーダルを開く
したがって、私はこのコードを使用して、現在開いているモーダルウィンドウで別のモーダルウィンドウを開きます。 <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 何が起こるかというと、500msほどスクロールバーが複製されるということです。現在のモーダルはまだフェードアウトしているためだと思います。ただし、非常に滑らかで途切れ途切れに見えます。 この問題を解決するための提案をいただければ幸いです。 また、onclickイベントでこれを構築する方法は専門外ですか？ ブートストラップバージョン3.0を使用しています。 編集：モーダルをフェードアウトする時間を短縮する必要があると思います。これはどのようにして可能ですか？
9
ブートストラップ3で「x」が付いた検索ボックスをクリアするにはどうすればよいですか？
ブートストラップに問題があるので、いくつかの助けが素晴らしいでしょう。ありがとう 私が欲しいもの:(上部） 私の現在のコード： <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> 現在のスクリーンショット：
9
ブートストラップ3が左ではなく右にオフセット
BS 3に関しては、右側のコンテンツの狭い列だけが必要な場合、オフセットクラス9と列3を使用することができます。 しかし、逆に左側にしたい場合はどうなりますか？これをBSで行う適切な方法はありますか、または自分のCSSメソッドを使用するだけですか？私は自分のコンテンツと3つの列と9つの空の列を作成することを考えていました。
4
小さなデバイスのTwitterブートストラップ非表示要素
私はこのコードを持っています： <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text 12</li> </ul> …
3
Bootstrapを使用してモバイルでテーブルを表示する方法
デスクトップではテーブルが正常に表示されますが、モバイルバージョンを表示しようとすると、モバイルデバイスの画面にはテーブルが広すぎます。レスポンシブレイアウトを使用しています。 モバイルビューのテーブル幅を設定するにはどうすればよいですか？Bootstrapを使用してモバイルビューに表形式のデータを表示するには、他にどのような選択肢がありますか？
25
ブートストラップナビゲーションバーのアクティブ状態が機能しない
私はブートストラップv3を持っています。 を使用しclass="active"ていますが、navbarメニュー項目を押しても切り替わりません。これを実行jQueryしてクリック関数を作成する方法を知っていますが、この機能をブートストラップに含める必要があると思いますか？それで、多分それはJavaScriptの問題ですか？ これが私が含めたjs / css / bootstrapファイルのヘッダーです： <!-- Bootstrap CSS --> <link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> <link rel="stylesheet" href= "/stylesheets/styles.css" /> <!--jQuery --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <!-- Bootstrap JS --> <script src="/bootstrap/js/bootstrap.min.js"></script> <script src="/bootstrap/js/bootstrap-collapse.js"></script> <script src="/bootstrap/js/bootstrap-transition.js"></script> これが私のnavbarコードです： <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div …
10
Bootstrap 3.0：テキストと入力を同じ行にするにはどうすればよいですか？
現在、ウェブサイトをBootstrap 3.0に切り替えています。フォームの入力とテキストのフォーマットに問題があります。Bootstrap 2で機能したものはBootstrap 3では機能しません。 フォーム入力の前後に同じ行のテキストを取得するにはどうすればよいですか？これを、Bootstrap 3バージョンの例の「form-control」クラスの問題に絞り込みました。 すべてのテキストと入力を1行で取得するにはどうすればよいですか？ブートストラップ3の例をjsfiddleのブートストラップ2の例のようにしたいと思います。 JSフィドルの例 <div class="container "> <form> <h3> Format used to look like this in Bootstrap 2 </h3> <div class="row "> <label for="return1"><b>Return:</b></label> <input id="return1" name='return1' class=" input input-sm" style="width:150px" type="text" value='8/28/2013'> <span id='return1' style='color:blue'> +/- 14 Days</span> </div> <br> <br> <h3> BootStrap 3 Version …
6
ブートストラップ3-ナビゲーションバーの折りたたみを無効にする
これは私のシンプルなナビゲーションバーです。 <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> これが崩壊するのを防ぎたいのですが、それが必要ないので、どうすればいいですか？ デフォルトのスタイルを上書きするために、CSSの300K行を書くことは避けたいです。 なにか提案を？
9
ブートストラップ3.0でグリフィコンを使用する方法
ブートストラップ2.3ですでにグリフィコンを使用していましたが、ブートストラップ3.0にアップグレードしました。現在、iconプロパティを使用できません。 ブートストラップ2.3では、以下のタグが機能しています <i class="icon-search"></i> ブートストラップ3.0では、機能していません。
6
Bootstrap 3のグリッドクラス（col-sm-＃およびcol-lg-＃）を理解する
Bootstrap 3を使い始めましたが、グリッドクラスの使用方法を理解するのに問題があります。 これが私がこれまでに理解したことです： クラスcol-sm-#とはcol-lg-#昔ながらのものとは異なるようですcol-#画面が特定のサイズ（それぞれ768pxと992px）を超えている場合にのみ適用されるというようです。-sm-または-lg-を省略すると、divが1つの列に折りたたまれることはありません。 ただし、行内に2つのdivを作成すると、両方ともウィンドウの幅が768px〜992pxの場合にのみ並んでcol-sm-6いるように見えます。つまり、ウィンドウを完全に縮小してからゆっくりと拡大すると、レイアウトは1列、次に2列、そして再び1列に戻ります。 これは意図された動作ですか？ 768pxを超えるものに2つの列が必要な場合、両方のクラスを適用する必要がありますか？（<div class="col-sm-6 col-lg-6">） col-6 また含める必要がありますか？<div class="col-6 col-sm-6 col-lg-6">
14
Bootstrapでbtnの色を変更する方法
.btnBootstrapのすべてのプロパティを変更する方法はありますか？以下のものを試しましたが、それでもデフォルトの青色が表示されることがあります（たとえば、マウスをクリックして取り外した後など）。テーマ全体を完全に変更するにはどうすればよいですか？ .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited { background-color: #8064A2; }
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.