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

Twitterブートストラップを使用していますが、モーダルを指定しています <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> そしてリンク <a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit 1</a> <a href="http://www.website.com/item/2" data-target="#modal-item" data-toggle="modal">Edit 2</a> <a href="http://www.website.com/item/3" …

263 jquery  jquery-plugins  twitter-bootstrap  modal-dialog 

私はここで怒っています。 次のHTMLがあります。 <a href="#" rel="tooltip" title="A nice tooltip">test</a> そして、Bootstrapスタイルのツールチップは、通常のツールチップだけを表示することを拒否します。 bootstrap.cssが正常に機能し、そこにクラスが表示されます HTMLファイルの最後に、関連するすべてのJSファイルがあります。 <script src="bootstrap/js/jquery.js"></script> <script src="bootstrap/js/bootstrap-alert.js"></script> <script src="bootstrap/js/bootstrap-modal.js"></script> <script src="bootstrap/js/bootstrap-transition.js"></script> <script src="bootstrap/js/bootstrap-tooltip.js"></script> Bootstrapの例のソースを確認しましたが、ツールチップを起動するものはどこにもありません。だから私はそれがうまくいくはずだと思いますか、またはここで重要な何かを見逃していますか？ 私はモーダルやアラートなどがうまく機能しているので、私は完全なバカではありません;） 助けてくれてありがとう！

260 twitter-bootstrap 

Twitterブートストラップモーダルダイアログを使用しています。ブートストラップモーダルダイアログの送信ボタンをクリックすると、AJAXリクエストが送信されます。私の問題は、モーダル背景が消えないことです。モーダルダイアログは正しく消えますが、代わりに画面に不透明度を作成する「モーダル背景」が残ります。 私に何ができる？

260 twitter-bootstrap  modal-dialog 

Twitter Bootstrapでフォームを作成していますが、フォームの入力の下にボタンを中央に配置することに問題があります。私はすでにcenter-blockボタンにクラスを適用しようとしましたが、それはうまくいきませんでした。どうすれば修正できますか？ これが私のコードです。 <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> </div>

259 html  css  twitter-bootstrap  button 

Bootstrapモーダルを使用して、これらのaria属性をよく見ましたが、それらをどのように使用するかは知りませんでした。 これらの属性を使用するケースを誰かが知っていますか？私はググった-単純な答えを見つけられなかった。

259 twitter-bootstrap  twitter-bootstrap-3  wai-aria 

ブートストラップ3テーブルを使用して、固定ヘッダーとスクロール可能なコンテンツを含むテーブルを作成しようとしています。残念ながら、私が見つけたソリューションは、ブートストラップでは機能せず、スタイルを台無しにもしません。 ここに単純なブートストラップテーブルがありますが、何らかの理由でtbodyの高さが10pxではありません。 height: 10px !important; overflow: scroll; 例： <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> <tr> <th>Make</th> <th>Model</th> <th>Color</th> <th>Year</th> </tr> </thead> <tbody style="height: 10px !important; overflow: scroll; "> <tr> <td class="filterable-cell">111 Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> </tr> <tr> <td class="filterable-cell">Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> …

258 html  css  twitter-bootstrap  html-table 

twitterブートストラップ3で2列のフルハイトレイアウトを作成しようとしています。twitterブートストラップ3はフルハイトレイアウトをサポートしていないようです。私がしたいこと： +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | | | | | | | | | | | | | | | +------------+------------------------------------+ コンテンツが増えると、ナビゲーションも増えるはずです。 コンテンツが1行の場合があるため、すべての親の高さ100％は機能しません。 絶対位置は間違っているようです display: tabledisplay:table-cell問題を解決しますが、エレガントではありません html： <div class="container"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-9"></div> </div> …

247 html  css  twitter-bootstrap 

地球のグリフィコンを大きくして、ページの大部分をカバーできるようにしたいと思います（ベクター画像です）。ボタンなどにはありません。それはただ一人です。これを行う方法はありますか？ <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div>

239 html  css  twitter-bootstrap  glyphicons 

Bootstrapを使用してインラインでリストを表示したい。これを実現するためにBootstrapから追加できるクラスはありますか？

237 twitter-bootstrap 

このようなHTML要素を作成するとします。 <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> そのHTML要素をjQuery / Javascriptで表示および非表示にするにはどうすればよいですか。 JavaScript： $(function(){ $("#my-div").show(); }); 結果：（これらのいずれかで）。 上記の要素を非表示にしたい。 Bootstrapを使用して要素を非表示にし、jQueryを使用して表示する最も簡単な方法は何ですか？

235 javascript  jquery  html  css  twitter-bootstrap 

bootstrap.css私のウェブサイトに合うように変更する必要があります。直接custom.css変更bootstrap.cssするのではなく、別のファイルを作成する方が良いと思います。1つの理由はbootstrap.css、更新を取得する必要があるためです。すべての変更を再度含めようとすると苦労します。これらのスタイルの読み込み時間を少し犠牲にしますが、オーバーライドするいくつかのスタイルでは無視できます。 アンカー/クラスのスタイルbootstrap.cssを削除するようにオーバーライドするにはどうすればよいですか？たとえば、次のスタイリングルールをすべて削除したい場合legend： legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } ですべて削除できbootstrap.cssますが、CSSのオーバーライドに関するベストプラクティスについての私の理解が正しい場合は、代わりに何をすべきですか？ 明確にするために、これらの凡例のスタイルをすべて削除し、親のCSS値を使用したいと思います。プラナフの答えを組み合わせて、私は次のことをしますか？ legend { display: inherit !important; width: inherit !important; padding: inherit !important; margin-bottom: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; …

234 html  css  twitter-bootstrap 

私たちは、angular-cli 1.0.0-beta.5（w / node v6.1.0）で生成されたアプリでブートストラップ4（4.0.0-alpha.2）を使用したいと思います。 npmでブートストラップとその依存関係を取得した後、最初のアプローチはそれらをangular-cli-build.js次の場所に追加することでした。 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', にインポートします index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> これは問題ng serveなく動作しましたが、-prodフラグ付きのビルドを作成するとすぐに、これらの依存関係はすべてなくなりましたdist/vendor（驚き！）。 angular-cliで生成されたプロジェクトでこのようなシナリオ（つまり、ブートストラップスクリプトの読み込み）をどのように処理することを意図していますか？ 次のような考えがありましたが、どちらに進むべきか本当にわかりません... CDNを使用しますか？しかし、これらのファイルが利用可能になることを保証するために、むしろこれらのファイルを提供します 依存関係をdist/vendor私たちの後にコピーしますng build -prodか？しかし、ビルド部分を「処理する」ので、angular-cliが提供するもののように思えますか？ jquery、ブートストラップ、テザーを追加しsrc/system-config.ts、どういうわけかそれらをバンドルに追加しmain.tsますか？しかし、アプリケーションのコードでそれらを明示的に使用しないことを考えると、それは間違っているように見えました（たとえば、moment.jsやlodashのようなものとは異なります）。

234 angular  twitter-bootstrap  angular-cli  ngx-bootstrap 

質問1： npmを介してTwitter Bootstrapをインストールする目的は何ですか？私はnpmがサーバー側のモジュールのためのものであることを考えました。ブートストラップファイルを提供する方が、CDNを使用するよりも高速ですか？ 質問2： Bootstrapをnpmインストールする場合、bootstrap.jsファイルとbootstrap.cssファイルをどのようにポイントしますか？

233 node.js  twitter-bootstrap  express  npm  cdn 

私はjavascriptをまったく知りません。ブートストラップのドキュメントには、 javascriptを介してモーダルを呼び出します：$（ '＃myModal'）。modal（options） ページの読み込み時にこれを呼び出す方法はわかりません。ブートストラップページで提供されたコードを使用すると、要素のクリックでモーダルを正常に呼び出すことができますが、ページの読み込み時にすぐに読み込みます。

230 javascript  html  twitter-bootstrap 

新しいTwitter Bootstrapを使用してサイトを作成しています。サイトは正常に見え、IE8を除くすべての必要なブラウザーで動作します。 IE8では、モバイルバージョンの要素が表示されているようですが、デスクトップの全画面に表示されます。私が抱えている問題は、Twitterブートストラップが最初にモバイルであることだと思います。そのため、何らかの理由でIE8がこのオプションを採用しています。 また、containerクラスが意図したとおりに最大幅のCSSプロパティを取得していないようです。誰かが私が間違ったことを見ることができますか？ <!-- Favicon --> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- Bootstrap --> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> <script src="/SiteFiles/js/modernizr.js"></script> <!-- CSS --> <link href="/SiteFiles/css/main.css" rel="stylesheet"> <header> <div class="topArea clearfix"> <div class="container"> <div class="topLinks"> <div class="btn-group"> <span class="flag" data-toggle="dropdown"> </span> <ul class="dropdown-menu"> <li><a href="#">Country 1</a></li> <li><a …

228 html  css  twitter-bootstrap  internet-explorer-8  twitter-bootstrap-3