問題タブ [twitter-bootstrap-3]

.form-horizo​​ntal で Bootstrap 3 を使用し、以下のブートストラップ クラスを使用すると、必要なラベルが上部にあるフォームが取得されます。http://bootply.com/73486

ただし、画像 2 では、.col-lg-* などのクラスを使用して幅を目的のサイズに縮小しようとしています。色々なサイズを試しましたがダメでした..

画像1

画像2

ただし、幅を目的のサイズに縮小するために入力をグリッド列にラップしようとすると、ラベルがフォーム入力の上ではなく横に移動します。

これは私を怒らせています.3つのdivを水平にスライドさせる小さなjqueryがあります。

フィドル

編集 3: ライブ デモ; 私がどのように機能させたいかを示す完全なウェブサイト.. 775px未満になるまで。ウィンドウのサイズを変更して、意味を確認してください。

編集、一般的な要求による。私が欲しいもの：小さな画面では、700以下から言ってください。画面いっぱいに 1 つのパネルが必要です。一度に。

2 番目の編集: 700px 以上で問題なく動作します。その下; 画面に一度に 1 つのパネルのみを表示したいのですが、必要に応じて (現在のパネルをクリック)、次のパネルが横にスライドします。つまり、従来のレスポンシブ デザインである積み重ねられた列はありません。フィドルを参照してください。ブラウザ ウィンドウを最小化するか、モバイル デバイスを使用するまでは問題ありません。

panel1 と panel2 を として定義しfixed width、css calc を使用して、3 番目のパネルを 100% マイナス panel1 (200px) と panel2 (200px) に保ちます。(calc 100% - 400px)

小さな画面に入るまで、これは問題なく機能します。次に、それは面倒です：パネルは垂直に積み重ねられ（アクティブでないパネルを非表示にしたい）、幅が固定されているため、押しつぶされたパネルの小さなビットが右側に「見えます」。理想的には、各パネルが小さな画面を 100% 埋めたいと思っています。

私が助けを必要としているのはこれです：

私はどちらかでなければなりません

1. ピクセルのスライド距離のこの JS 定義を % に置き換える方法を見つけてください

..したがって、css calc (100% - 20%) などを実行できます。

1. ..または、少なくとも、小さな画面でパネルを非表示にする方法を見つけてください。

すべてのポインタは大歓迎です。

Bootstrap 3 RC を使用しています。デフォルトのボタンは、ライト グレーと黒のテキストではなく、ダーク グレーと黒のテキストです。CDN リンクとオフラインの両方を試しました。念のため、ブラウザのキャッシュも空にしました。他の誰かがこれを経験しましたか？何が原因でしょうか? ありがとう。

編集: 他のすべては、本来どおりに表示されると言わざるを得ません。他の種類のボタンも。btn btn-default正しく表示されていないだけです。

ブートストラップ 3 RC1 を使用して、テーブル セル内の 2 つの div を垂直方向に配置しようとしています。vertical-align クラスを適用しましたが、何が欠けていますか? ブートプライはこちら: http://bootply.com/73625

HTML

CSS

ブートストラップ 3 をいじっています。水平にならない場合を除いて、水平のナビゲーション バーを作成しようとしています。navbar は箱から出してすぐに水平にすべきだと思ったのですが、追加の css が必要でしょうか?

次のように、ブートストラップのドキュメントからコードをコピーするナビゲーション バーを作成しようとしました。

http://jsfiddle.net/FxkZT/

簡単な問題: ブートストラップを使用して列内で列を垂直方向に揃えるにはどうすればよいですか? ここに例を示します (child1a と child1b を垂直方向に揃えたい):

http://bootply.com/73666

HTML

アップデート

いくつかの CSS:

Bootstrap 3 RC1 を使用していますが、画像ギャラリーを正しくセットアップできません。

問題 1 - にまたはulが追加されています。それを削除するには何をオーバーライドする必要がありますか?padding-leftmargin-left

問題 2 - それぞれがそのクラスliによって制限されるのではなく、コンテナーにまたがっています。span41 行に 2 つの画像が必要です。

問題がどこにあるかを示す下の画像を追加しました。

HTML

画像

デモはこちら

2.3.1 を使用している場合は、12 行目のコメントを外すと、ボタンが正しく表示されます。

バージョン 3.0.0-rc1 で修正する方法を知っている人はいますか?

マージンやパディングのない、文字通り 50% の 2 列のグリッドを作成しようとしています。

Bootstrap 3でこれを達成するにはどうすればよいですか?

HTML

CSS

デモ - http://jsfiddle.net/pjBzY/

ブートストラップ 2.3 ですでにグリフィコンを使用していましたが、ブートストラップ 3.0 にアップグレードしました。現在、アイコン プロパティを使用できません。

ブートストラップ 2.3 では、以下のタグが機能しています

ブートストラップ 3.0 では、機能していません。