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

ブートストラップ3を使用していますが、パネルのヘッ​​ダーの右上隅にいくつかのボタンを追加したいと思います。それらを追加しようとすると、タイトルのベースラインの下に表示されます。 コード：http : //bootply.com/82631 タイトル、パネルの見出し、またはボタンのいずれかに追加する必要のあるCSSは何ですか？

117 css  twitter-bootstrap  twitter-bootstrap-3 

Bootstrap 3を使い始めました。行クラスがどのように機能するかを理解するのに苦労しています。padding-leftand を回避する方法はありpadding-rightますか？ <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/

116 twitter-bootstrap  twitter-bootstrap-3 

動的ブートストラップモーダルをロードしますが、テキスト入力がほとんどありません。カーソルがこのモーダルの最初の入力にフォーカスするようにしたいという問題に直面していますが、これはデフォルトでは発生しません。 だから私はそれを行うためにこのコードを書きました： $('#modalContainer').on('show', function () { $('input:text:visible:first').focus(); }); しかし今、それはしばらくの間入力に焦点を合わせ、その後自動的に消えます、なぜこれが起こっているのか、そしてどのように解決しますか？

116 jquery  twitter-bootstrap 

ブートストラップのツールチップに問題があります。ボタンをクリックすると、カーソルがボタンの外にあってもツールチップが残ります。マニュアルを確認しました-Bootstrapのツールチップ。ボタンをクリックしても同じ問題が発生します。これを修正する解決策はありますか？最新のFF、IEで試してみました。

115 javascript  twitter-bootstrap  tooltip 

ブートストラップオートコンプリートドロップダウンを使用する必要があるという要件がありますが、必要に応じて、ドロップダウンに自由形式のテキストを含めることができます。TypeAheadについて考える前に、Bootstrap TypeAheadテキストボックスを使用できますが、ユーザーが何を検索するのかわからない場合に備えて、いくつかのデフォルト値をヘッドスタートオプションとして指定したいので、ドロップダウンが必要です。 これをMVC DropDownListForで使用しています。これにより、selectコントロールが作成されます。 私はそれをするこの記事を見つけました。 https://github.com/danielfarrell/bootstrap-combobox/pull/20 私がしなければならなかったのは、selectコントロールから名前を削除することだけでした。このコントロールでは、自由形式のテキストを入力できました。これまでのところすべて良い。 現在、これをKnockoutjsと組み合わせて使用​​しています。オプションと選択した値を選択コントロールにバインドし、テンプレートの行をレンダリングして（selector）.combobox（）を呼び出しました。これにより、選択コントロールがブートストラップコモボボックスになり、入力コントロールが追加され、シーン内の選択コントロールが非表示になります。後ろに。 ここで問題は、サーバーに投稿する値を取得しようとしたときです。入力ボックスに入力した値は、コントロールを選択するために指定したオプションからの有効なオプションではないため、デフォルトで常に最初のオプションに設定されます。これは、bootstrap-combobox.jsによって作成された入力ボックスではなく、選択したコントロールで選択した値のバインディングを設定するためです。 私の質問は、選択コントロールがバインドされているのと同じポーパーティに入力ボックスをデータバインドする方法です。 他のオプション?? さらに説明が必要な場合や質問がある場合はお知らせください。提案してください。 ありがとう。

114 autocomplete  combobox  twitter-bootstrap  knockout.js  html.dropdownlistfor 

何らかの理由で、テーブル内のテキストはまだ中央揃えされていません。どうして？テキストをテーブルの中央に配置するにはどうすればよいですか？ それを本当に明確にするために：たとえば、「Lorem」は4つの「1」の真ん中に座って欲しい。 @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); table, thead, tr, tbody, th, td { text-align: center; } <table class="table"> <thead> <tr> <th>1</th> <th>1</th> <th>1</th> <th>1</th> <th>2</th> <th>2</th> <th>2</th> <th>2</th> <th>3</th> <th>3</th> <th>3</th> <th>3</th> </tr> </thead> <tbody> <tr> <td colspan="4">Lorem</td> <td colspan="4">ipsum</td> <td colspan="4">dolor</td> </tr> </tbody> </table> コードスニペットを実行する結果を非表示スニペットを展開 JSFiddle

114 twitter-bootstrap 

ブートストラップポップオーバーを使用して、ユーザー情報を表示するホバーカードを作成し、ボタンのマウスオーバーでトリガーします。ポップオーバー自体がホバーされている間、このポップオーバーを存続させたいのですが、ユーザーがボタンへのホバーを停止するとすぐに消えます。これどうやってするの？ $('#example').popover({ html : true, trigger : 'manual', content : function() { return '<div class="box">Popover</div>'; } }); $(document).on('mouseover', '#example', function(){ $('#example').popover('show'); }); $(document).on('mouseleave', '#example', function(){ $('#example').popover('hide'); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script> <script src="https://unpkg.com/@popperjs/core@2"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/> <a href="#" id="example" class="btn btn-danger" rel="popover" >hover for popover</a> コードスニペットを実行する結果を非表示スニペットを展開

114 jquery  twitter-bootstrap  popper.js 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 2年前休業。 この質問を改善する 新しいWebサイトでBootstrap V4を使用していますが、それがAlphaであることがわかりました。 ただし、ビルドにdatepicker.jsがあることはわかりません。 これがV4に含まれるかどうか誰かが知っていますか？できない場合は誰でも良い日付ピッカーをお勧めできますか？

114 twitter-bootstrap  bootstrap-4 

Twitter Bootstrap 2.0.2のナビゲーションバーの背景色を変更するにはどうすればよいですか？ナビゲーションバーのすべての要素の色を変更して背景色を反映するにはどうすればよいですか？

113 colors  twitter-bootstrap  navbar 

私はバックエンド開発者であり、Angular4をいじっています。そこで、次のインストールチュートリアルを行いました：https : //www.youtube.com/watch?v=cdlbFEsAGXo。 これを踏まえて、クラスに「container-fluid」または「col-md-6」などを使用できるように、アプリにブートストラップを追加するにはどうすればよいですか？

113 twitter-bootstrap  angular 

モーダルが開いている場合にのみ検証を行う必要があります。それは、モーダルを開いてから閉じると、モーダルを開くボタンを押したからです。jqueryの検証を行っているため機能しません。モーダルが却下されたために表示されます。 モーダルが開いている場合はjqueryを広告したいので、検証を行いますが、これは可能ですか？ <script> $(document).ready(function(){ var validator =$('#form1').validate( { ignore: "", rules: { usu_login: { required: true }, usu_password: { required: true }, usu_email: { required: true }, usu_nombre1: { required: true }, usu_apellido1: { required: true }, usu_fecha_nac: { required: true }, usu_cedula: { required: true }, usu_telefono1: { required: …

111 jquery  validation  twitter-bootstrap  modal-dialog 

3列ごとにブートストラップ行クラスを挿入するための正しいパターンを探しています。colsには固定された高さがありません（そして私はそれを修正したくない）ため、これが必要です。そのため、デザインが壊れます。 これが私のコードです： <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> </div> </div> ただし、各行に表示される製品は1つだけです。私が最終結果として欲しいのは： <div class="row"> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> </div> <div class="row"> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> …

111 angularjs  twitter-bootstrap  angularjs-ng-repeat  ng-repeat 

ドロップダウンアイテムがページから外れないようにすることはできません。BS3でいくつか試してみましたが、うまくいかないようです。ml-autoが原因かどうかはわかりません。（if-elseステートメントは無視してください） これがCodePenです： <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" type="button" data-toggle="collapse" data-target="#searchNav" aria-controls="searchav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <!-- <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"> <span …

111 twitter-bootstrap  css  bootstrap-4 

そのトピックに関するブートストラップのドキュメントは、少しわかりにくいです。ドキュメントのようにnavbarを付けて同様の動作を実現したい：navbarは段落/ページの見出しの下にあり、下にスクロールすると、最初にスクロールしてページの上部に到達し、そこに固定してさらにスクロールダウンします。 。 ：jsFiddleは、ナビゲーションバーのコンセプトでは動作しませんので、私は、最小限の例として使用するために別のページを設定したhttp://i08fs1.ira.uka.de/~s_drr/navbar.html これをナビゲーションバーとして使用します。 <div class="navbar affix-top" data-spy="affix" data-offset-top="50"> <div class="navbar-inner"> <div class="container"> <div class="span12"> <a class="brand" href="#">My Brand</a> This is my navbar. </div> </div> <!-- container --> </div> <!-- navbar-inner --> </div> <!-- navbar --> 私data-offset-topは値0になりたいと思います（バーが一番上に「くっついている」はずですが、50では少なくともいくつかの効果が見られます。 JavaScriptコードも配置する場合： <script> $(document).ready (function (){ $(".navbar").affix (); }); </script> 助けてくれてありがとう。

110 css  web  twitter-bootstrap  navbar 

モーダルで問題があります。ページ上にモーダルを切り替えるボタンがあります。モーダルが表示されると、ページはトップにジャンプします。 解決策などを見つけるためにできることはすべてやったが、本当に迷っている。 編集： 私も試してみまし$('#myModal').modal('show');たが、まったく同じ効果があります。

110 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3