問題タブ [twitter-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
2004 参照

css - ASP.Net MVC 3 で 2 つのスタイルシートにリンクするにはどうすればよいですか?

ASP.Net MVC 3 アプリケーションでTwitter の Bootstrapを使用したいと考えています。bootstrap.css をダウンロードして、プロジェクトの Content フォルダーに追加しました。_Layout.cshtml を開き、ファイルへのリンクを追加しました。

アプリケーションを実行すると、スタイルシートが適用されません。_Layout.cshtml ファイルから Site.css と bootstrap.css の両方を参照するにはどうすればよいですか?

0 投票する
1 に答える
5027 参照

html - Twitterブートストラップ、スタイリング、メディアグリッドクラスの使用

Twitter Bootstrapプロジェクトを使用して、iPhoneアプリの1つにシンプルな(っぽい)Webサイトを作成しています。これを使用して完全なWebサイトを作成し、非常に使いやすいことがわかりましたが、メディアグリッドでいくつかの問題が発生しています。

media-gridクラスを使用して3つの画像の行を達成しようとしています。画像の幅は280ピクセルで、合計で840ピクセルになります。コンテナの幅は940ピクセルなので、パディングなどに100ピクセルの猶予を使用できます。サイトを表示すると、2つの画像が並んで配置され、3番目の画像が次の行に配置されるため、これを行うのは非常に困難です。ただし、いくつかの異常が発生しています。

  • FTP経由でindex.htmlと関連するcssファイルを公開すると、Webサイトは、2つの画像を並べて表示し、次に3番目の画像を最初の行の下の次の行に表示します。
  • 「Coda」(htmlとcssの作成に使用しているMacのエディター)でWebサイトをプレビューすると、3つの画像すべてが1行に並んでいるため、Webサイトも希望どおりに表示されます。

私はいくつかのことを試しました。

  1. CSSで.media-gridスタイルを編集してみましたが、サイトの外観に違いはないようです。大きな余白やパディングがあったとしても、なんらかの理由で変わらないのでしょうか?
  2. 私は自分のIDを3つの画像のメディアグリッドクラスに入れてから、スタイリングしてから自分自身を試してみましたが、これもビジュアルには影響しません。

次のコードを使用して画像を挿入しました。

CSSに何かが欠けていますか?私はCSSに精通していないので、何かを見落としている可能性がありますか?どんな助けでもいただければ幸いです。

0 投票する
8 に答える
157048 参照

css - Twitter Bootstrap でスタイリングを上書きする方法

Twitter Bootstrap でスタイリングを上書きするにはどうすればよいですか? たとえば、現在、CSS ルール「float: left;」を持つ .sidebar クラスを使用しています。代わりに右に移動するようにこれを変更するにはどうすればよいですか? 私は HAML と SASS を使用していますが、Web 開発には比較的慣れていません。

0 投票する
2 に答える
10461 参照

ruby-on-rails-3.1 - Twitterブートストラップ+jquery-ui-datepickeron rails?

Twitter Bootstrapの使用中に日付入力を機能させる既知の方法はありますか?datepickerは現在混乱しているように見え、ドキュメントに許容できる代替手段があるようには見えません。日付ピッカーをブートストラップでうまく機能させる方法はありますか、それともブートストラップで機能する代替の日付/時刻選択UIがありますか?

0 投票する
4 に答える
1480 参照

css - ドロップダウンを機能させることができませんか?

Bootstrapツールキットを見て、トップメニューでドロップダウンを機能させようとしました。

メニューのコードは次のとおりです

クリックしてもドロップダウンは何もしませんか?

次のcssファイルを含めました。

誰でもここで私を助けることができますか? ありがとう。

0 投票する
4 に答える
54172 参照

c# - Twitter Bootstrapを使用してASP.NET MVCでモーダルダイアログを呼び出す最良の方法は何ですか?

現在、新しいプロジェクトでTwitter の Bootstrap ツールキットを使用しています。ASP.NET MVC3 でモーダル ダイアログを使用する最良の方法について質問がありました。

モーダルのマークアップを含むパーシャルを作成し、javascript を使用してそれをページにレンダリングするのがベスト プラクティスですか、それともより良い方法がありますか?

0 投票する
4 に答える
6639 参照

javascript - Twitter Bootstrap が less.js で動作しない

最も単純な形式に分解しましたが、これが機能しない理由をまだ見つけることができません。すべてのファイルが解決され、Bootstrap のインポートはまだ読み込まれていますが、スタイルは読み込まれていません。

ブートストラップ 1.4.0 未満 1.1.3

シンプルな style.less を作ってみました。明らかに明らかな何かが欠けていますか?

アップデート:

Todd のリクエストによる style.less :

0 投票する
3 に答える
4549 参照

css - 特定の領域に外部 CSS を適用する

外部 CSS (例: Bootstrap ) をサイトにインポートしたい - 問題は、Bootstrap スタイルをページの特定の領域にのみ適用したいことです。Bootstrap を含めると、そのスタイルがページ全体に適用され、すべてのテーブル、div などのスタイルが変更されます。

Bootstrap をリージョンにのみ適用することは可能ですか (親の div などと言うのですか?)

ありがとう

0 投票する
8 に答える
71718 参照

html - twitter-bootstrap を使用したフォーム内のドロップダウン

Twitter Bootstrap CSS フレームワークで構築された TopBar にドロップダウンがあります。

解決策が見つからない3つの問題があります。

  1. テキストとパスワードの入力フィールドが大きすぎます。どうすれば調整できますか? ドロップダウン ボックスを大きくしても問題ありません。
  2. フィールドのラベルが暗すぎます。どうすれば少し明るくできますか?
  3. フィールドの 1 つをクリックすると、ドロップダウンが閉じます。再度開く必要があり、次のフィールドをクリックするまで入力できます。ドロップダウンを閉じても、値は保持されます。開いたままにするにはどうすればよいですか?

問題 1 と 2 のスクリーンショットを次に示します。

私の問題1と2のスクリーンショット

また、現在の TopBar の HTML は次のとおりです。

隠し入力がレールによって必要とされ、自動生成されます。

すでにtwitterが使っているログインフォームの実装を真似てみたのですが、やってみるとTopBarの高さが250pxくらいでドロップダウンの中身が開いていて閉じられませんでした。

ブートストラップ ドキュメントで提案されている本文の 40 ピクセルのトップ パディングを除いて、これまでのところカスタム CSS や JavaScript はありません。

誰かがこれで私を助けることができますか?

0 投票する
1 に答える
1984 参照

css - IE の Div (Twitter Bootstrap)

次のコードを取得し、twitter ブートストラップを使用しています。

Chrome と IE での表示方法が異なるのですが、その理由を教えていただけますか? 下の画像を確認すると、どういうわけかテキストボックスの div が IE 9 の次の行に移動します。

比較