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

'table-hover'クラスのテーブルがあります。デフォルトのホバーオーバーカラーは、ホワイト/ライトグレーです。この色を変更するにはどうすればよいですか？ 私の支配的なスタイルシートに以下を追加してデフォルトを上書きしてみました .table-hover tbody tr:hover > th { background-color: #D1D119; } 残念ながら、上記は機能しません

106 twitter-bootstrap 

Twitter Bootstrapがレスポンシブ/デバイスフレンドリーになるように設計されているとすると、相対フォントサイズを使用しないのはなぜですか？

104 twitter-bootstrap  mobile  fonts  responsive-design  font-size 

プレースホルダーを含むドロップダウンリストを作成しようとしています。placeholder="stuff"他のフォームのようにサポートしていないようです。ドロップダウンでプレースホルダーを取得する別の方法はありますか？

104 html  twitter-bootstrap  placeholder 

警告メッセージに問題があります。これは通常表示され、ユーザーが押すx（閉じる）と閉じることができますが、ユーザーがもう一度表示しようとすると（たとえば、ボタンイベントをクリックする）、表示されません。（さらに、この警告メッセージをコンソールに出力すると、と等しくなり[]ます。）私のコードは次のとおりです。 <div class="alert" style="display: none"> <a class="close" data-dismiss="alert">×</a> <strong>Warning!</strong> Best check yo self, you're not looking too good. </div> そしてイベント： $(".alert").show(); PS！何らかのイベント（ボタンのクリックなど）が発生した後でのみアラートメッセージを表示する必要があります。または私が間違っていることは何ですか？

103 javascript  jquery  twitter-bootstrap  alert 

休業。この質問はもっと焦点を合わせる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 3年前休業。 この質問を改善する 誰かが、Bootstrapでテーブルの列をソートするために使用する必要があるコードの例を見せていただけますか？ たとえば、価格や名前で並べ替える場合などです。

103 twitter-bootstrap 

ではBootstrap 3、テーブル列のタグに適用col-sm-xxしてサイズを変更できます。ただし、これはブートストラップ4では機能しません。ブートストラップ4でこのようなことを実現するにはどうすればよいですか？ththead <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> 特にテーブルにデータを追加する場合は、適切なサイズが設定されていない場合にコードプライを確認します。これがどのように実行されるかを確認してください。 <div class="container" style="border: 1px solid black;"> <table class="table table-bordered"> <thead> <tr class="row"> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </tr> </thead> <tbody> <tr> <td>123</td> <td>456</td> <td>789</td> </tr> </tbody> …

103 css  twitter-bootstrap  html-table  bootstrap-4 

私はBootstrapを初めて使用し、古いバージョン2.3.2を使用しています。 バージョン3がリリースされました。最新バージョンを使用したい場合は、CSSファイルとJavascriptファイルを単に置き換えるだけですか？

102 twitter-bootstrap  twitter-bootstrap-3 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> このボタンを中央に配置する方法がわかりません。BS 3ではセンターブロックを使用しますが、BS4ではそれはオプションではありません。何かアドバイス？

102 css  twitter-bootstrap  bootstrap-4 

PHP / HTML5およびJavaScriptで作成されたWebアプリケーションでブートストラップ日付時刻ピッカーを使用しています。私は現在ここから1つ使用しています：http : //tarruda.github.io/bootstrap-datetimepicker/ 時間をかけずにコントロールを使用すると、機能しません。空白のテキストボックスが表示されるだけです。 日時ピッカーから時間を削除したいだけです。これに対する解決策はありますか？ <div class="well"> <div id="datetimepicker4" class="input-append"> <input data-format="yyyy-MM-dd" type="text"></input> <span class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i> </span> </div> </div> <script type="text/javascript"> $(function() { $('#datetimepicker4').datetimepicker({ pickTime: false }); }); </script>

101 javascript  html  twitter-bootstrap 

YouTubeのビデオ、Vimeoのビデオ、テキスト、Imgurの写真など、さまざまな種類のデータを含むデータベースコンテンツがあります。それらの高さと幅はすべて異なります。インターネットを検索しているときに私が見つけたのは、サイズを1つのパラメーターに変更することだけです。ポップアップのコンテンツと同じである必要があります。 これは私のHTMLコードです。また、Ajaxを使用してコンテンツを呼び出します。 <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="ModalLabel"></h3> </div> <div class="modal-body"> </div> </div>

101 javascript  jquery  html  css  twitter-bootstrap 

ドロップダウンを機能させるのに問題があります。ナビゲーションバーを完全に表示することはできますが、[ドロップダウン]（どちらか）をクリックすると、ドロップダウンメニューが表示されません。私はこれについて他の投稿を調べてみましたが、誰の問題も解決するものは何もありませんでした。ブートストラップのウェブサイトから直接ソースをコピーしましたが、自分のマシンで動作させることができないようです。誰かアイデアはありますか？私はそれを1時間じっと見ていましたが、何が問題なのか理解できません。 <head> <script src="resource/js/jquery-1.11.0.js"></script> <script src="resources/js/bootstrap.js"></script> <script type="text/javascript"> $(document).ready(function() { $('dropdown-toggle').dropdown() }); </script> </head> <body> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data- target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> …

100 javascript  jquery  html  css  twitter-bootstrap 

ブートストラップを使用しています。 2つまたは3つのiframeベースの埋め込みビデオを含むテキストがあります。 このデータはデータベースからフェッチされます。 これらのiframeをレスポンシブにするにはどうすればよいですか？ コード例： <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT <iframe src="http://youtube.com/...."></iframe> SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT <iframe src="http://youtube.com/...."></iframe> SOME TEXT SOME …

100 twitter-bootstrap  iframe 

私はこのコードをページネーションで持っています <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> しかし、私ulは整列されたままです。ulWRT を中央に配置する方法はありますdivか？ 私が試したmargin: auto autoし、margin :0 auto彼らが、うまくいきませんでした。

100 html  twitter-bootstrap  css 

ブートストラップとParseフレームワークを使用して、小さなWebアプリケーションを構築しています。しかし、これらのBootstrapモーダルは、閉じた後、本体にパディング権を追加し続けます。これを解決するには？ 私はこのコードを私のJavaScriptに入れようとしました： $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); しかし、それは機能しません。誰かがこれを修正する方法を知っていますか？ 私のコード： <button type="button" class="btn btn-lg btn-default" data-toggle="modal" data-target="#loginModal">Admin panel</button> <div id="loginModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-sm"> <!-- Modal content --> <div class="modal-content"> <!-- header --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Login</h4> </div> <!-- body --> <div class="modal-body text-center" …

100 javascript  jquery  html  css  twitter-bootstrap 

私はTwitterのBootstrapのものを使用しており、次のHTMLを持っています。 <a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a> Railsでこれを行うための最良の方法は何ですか？使いたいのです<%= link_to 'Do it', user_path(@user) %>が、<i class="icon-ok icon-white"></i>使い物になりませんか？

100 ruby-on-rails  twitter-bootstrap