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

単純なスキーム： <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> の固定幅を設定する必要があり<td>ます。私はもう試した： tr.something { td { width: 90px; } } また td.something { width: 90px; } ために <td class="something">B</td> そして、 <td style="width: 90px;">B</td> ただし、幅は<td>同じです。

514 css  twitter-bootstrap  width  html-table 

StackаэтотвопросестьответынаStack Overflowнарусском：ЧтотакоеBootstrap？ Bootstrapに関連する質問はたくさんあります。たくさんの人が利用しています。そこで調べてみたところ、Bootstrapの公式サイトを見つけたのですが、あとはダウンロードのセクションと数語しかありませんでした。それが何のためにあるのかを説明するものは何もありません...私はそれがフロントエンドのヘルパーであることを理解しました。私はグーグルで何かを見つけようとしましたが、具体的なものは何も見つかりませんでした。私が見つけたものはすべてコンピュータサイエンスの定義に関連しています。 だから、私の質問は： ブートストラップとは何ですか？ それは何に使用され、フロントエンド開発にどのように役立ちますか？ それを説明するもう少し詳細を教えてください。

512 html  css  twitter-bootstrap  frontend 

3.1をダウンロードしてドキュメントで見つけました... 最も外側の.containerをに変更して、固定幅グリッドレイアウトを全幅レイアウトに変更します.container-fluid。 を見るとbootstrap.css、と.container-fluid同じであるように見えます.container。両方とも同じCSSを持ち、のすべてのインスタンスは.container-fluidとペアになって.containerおり、すべての列クラスはパーセンテージで指定されています。 例をいじるとき、すべてが流動的であるように見えたので、違いはわかりませんでした。 私はBootstrapを初めて使用するので、何か不足していると思います。誰かが少し時間をかけて私を啓発できますか？

509 twitter-bootstrap  twitter-bootstrap-3 

class="row"Twitterブートストラップフレームワークを使用して要素にマージントップを追加する方法

483 css  twitter-bootstrap 

ここに簡単なデモがあります： http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> 順不同のリストがあり、リストアイテムごとに、左側にテキストを配置し、次に右揃えのボタンを配置します。私はプルライトを使用しようとしましたが、これは完全に整列を台無しにします。何が悪いのですか？

452 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-2 

ブートストラップ「モーダル」をいくつか使用して、ブートストラップのウェブサイトを作成しています。一部のデフォルト機能をカスタマイズしようとしています。 問題はこれです。背景をクリックしてモーダルを閉じることができます。この機能を無効にする方法はありますか？特定のモーダルのみ？ ブートストラップモーダルページ

440 javascript  css  twitter-bootstrap  modal-dialog 

新しいBootstrapのグリッドシステム、特に次のクラスと混同しています。 col-lg-* col-md-* col-xs-* （*はある数を表します）。 誰かが以下を説明できますか？ その数はグリッドをどのように揃えていますか？ これらの数字の使い方は？ 彼らが実際に何を表していますか？

439 css  twitter-bootstrap  twitter-bootstrap-3  grid 

ではブートストラップ、右に左にロゴA、中央のメニュー項目、およびロゴBを持つナビゲーションバーを作成する最もプラットフォームフレンドリーな方法は何ですか？ これが私がこれまでに試したものであり、ロゴAが左側に、メニュー項目が左側のロゴの隣に、ロゴBが右側にあるように配置されます。 <div class="navbar navbar-fixed-top navbar-custom "> <div class="container" > <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><span class="navbar-logo">Logo_A</span></a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">Menu Item 1</a></li> <li><a href="#contact">Menu Item 2</a></li> <li><a href="#about">Menu Item 3</a></li> …

437 html  css  twitter-bootstrap  bootstrap-4  navbar 

ブートストラップモーダルダイアログボックスを最初に表示したいのですが、ユーザーがページをクリックすると表示されなくなります。私は以下を持っています： $(function () { $('#modal').modal(toggle) }); <div class="modal" id='modal'> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Error:</h3> </div> <div class="modal-body"> <p>Please correct the following errors:</p> </div> </div> </div> モーダルは最初に表示されますが、モーダルの外側をクリックしても閉じません。また、コンテンツ領域は灰色表示されません。モーダルを最初に表示し、ユーザーが領域の外側をクリックした後に閉じるにはどうすればよいですか？そして、デモのように背景をグレーアウトするにはどうすればよいですか？

432 jquery  twitter-bootstrap  modal-dialog 

Bootstrap 3を使用してカタログを作成します。製品画像はタブレットで表示すると、サイズが小さく（500x500）、ブラウザーでの幅が767ピクセルであるため、見苦しく見えます。画面中央に配置したいのですが、どういうわけかできません。誰が問題を解決する手助けをしますか？

423 html  css  image  twitter-bootstrap  alignment 

Twitterブートストラップグリッドのさまざまなオプションと、それらがどのように連携するかについて、混乱しています。 まず、通常のcontainer、またはを固定できますcontainer-fluid。 次に、どちらも通常のrow行または流動的な行のいずれかを含めることができますrow-fluid。つまり、流動的な列を持つ固定コンテナ、または固定された列を持つコンテナ-流体... その上に、「レスポンシブ」メディアクエリを含めるかどうかを指定できます。 私はこれらのものがどのように相互作用するかについて混乱しています。しかし、1つの明白な例から始めましょう。 上の例のページ自体、両方の一例として提示しているものがあります固定グリッドと流体グリッド ただし、私のブラウザでは、そのサンプルページ自体で、両方のグリッドが同じように動作します。サンプルページがオプションのレスポンシブメディアクエリを使用しているためでしょうか？では、両方の私は徐々に私のブラウザウィンドウを狭める開始した場合、グリッドの例としては、グリッド要素がないではない徐々に狭く取得-特定の（応答）境界幅が到達すると、彼らはより小さなサイズに、そして再び、さらに境界幅でスナップ。しかし、通常の「固定」の例と「流体」の例はどちらもここではまったく同じように動作します。つまり、違いは何ですか。

399 twitter-bootstrap  responsive-design  fluid-layout  fixed-width 

Bootstrap 3のデフォルトのナビゲーションバーを、テキストのブランド設定ではなく、イメージのロゴとともに使用したい。さまざまな画面サイズで問題を引き起こさずにこれを行う適切な方法は何ですか？これは一般的な要件だと思いますが、良いコードサンプルはまだ見ていません。すべての画面サイズで適切な表示ができること以外の重要な要件は、小さい画面でのメニューの折りたたみ性です。 navbar-brandクラスが含まれるAタグ内にIMGタグを挿入するだけで、メニューがAndroidフォンで正しく機能しなくなりました。また、navbarクラスの高さを上げてみましたが、それによってさらに混乱しました。 ちなみに、私のロゴ画像は、ナビゲーションバーの高さよりも大きくなっています。

376 css  twitter-bootstrap  twitter-bootstrap-3  navbar 

Bootstrap 3を使用して、画面サイズに応じていくつかのフォントサイズを調整するレスポンシブレイアウトを構築しています。メディアクエリを使用してこのようなロジックを作成するにはどうすればよいですか？

371 css  twitter-bootstrap  media-queries 

作成しているページに5つの同じ列を配置したいのですが、5列グリッドがどのように使用されているのか理解できません。http：//web.archive.org/web/20120416024539/http： // domain7 .com / mobile / tools / bootstrap / sensitive 5列グリッドは、Twitterブートストラップフレームワークの一部の上に示されていますか？

361 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

時々私はボタンとしてスタイルが設定されたアンカーを使用し、時にはボタンだけを使用します。特定のクリック音を無効にして、次のようにします。 彼らは無効に見えます 彼らはクリックされなくなります これどうやってするの？

360 jquery  html  css  twitter-bootstrap