0

ブートストラップレイアウトがありますが、レスポンシブである必要があり、これを水平方向に行う方法がわかりません。 これが画像です

標準のブートストラップレイアウトを使用してそのレイアウトを作成するだけでなく、レスポンシブにする方法はありますか?現在、ある流体行に「ラベル」があり、別の流体行に入力がありますが、「縮小」すると、ラベルが入力に適合しなくなります。

4

2 に答える 2

2

5つの.spanが内部にある単一の.row-fluidと、各スパン内にさらに2つの.row-fluidを作成して、ネストを検討しましたか?このように、最上位の行は1つだけであり、ラベル/フィールドは一緒に維持する必要があります。

http://jsfiddle.net/hmartiro/D2RLR/1726/

于 2012-09-11T01:45:49.223 に答える
0

これを2行に分割し、ラベルのある左側の行を次のようにする必要があります。

span2、span2、span2、span4、span2

次に、2番目の行に同じ方法で入力タイプが含まれます

span2、span2、span2、span4、span2

私はそれが奇妙に見えることを知っていますが、それは敏感になります。ラベルは常に見出しとして残り、それぞれの入力タイプに割り込むことはできないという考えに従わなければなりません。しかし、それはレスポンシブレイアウトに切り替えるときのギブアンドテイクです。

于 2012-09-06T19:38:25.710 に答える