Twitterのブートストラップで反応性の高い列と入力フィールドをカスタマイズする方法は？

Question

主な質問は、どのようにブートストラップレスポンスCSSをカスタマイズするのですか？私のコードは部分的に動作しますが、私はこのケースを修正することはできません。それを説明するのは難しいので、理解を深めるために、私はスクリーンショットで視覚化を提示しました。

JSFIDDLEに実際にクリーンなテンプレートコードを掲載しました。

今幅がもっとし1200px列はOKですときに、彼らは並んで2つのspan6側であることを意味その： 最初のナビゲーションバーのcolapse上768pxその後、979px、より少ないし：べき1200pxと980pxディスプレイ間 のように見えます私はコンテナセンターにそのようなものを持っています： 次の縮小が768px以下になるまで、右列は新しい行にジャンプし、さらに480px以下に縮小するときにそこに留まります。

最小幅は、私の期待に対応しています。私は、以下にそのビューは、スケールの両方の列が中央にないときことを除いて、狭いデスクトップのブラウザでモバイルデバイスとより良いルックスのためにOKだと思います。

Answer 1

私はあなたの質問が正しい理解が、あなたはメディアを使用して動作をカスタマイズすることができた場合たぶん、あなたはいくつかのクラスとIDを上書きする必要が

// Landscape phones and down 
@media (max-width: 480px) { ... } 

// Landscape phone to portrait tablet 
@media (max-width: 767px) { ... } 

// Portrait tablet to landscape and desktop 
@media (min-width: 768px) and (max-width: 979px) { ... } 

// Large desktop 
@media (min-width: 1200px) { ... } 

に照会し確認していません。応答情報は、gitの上で見つけることができます：

responsive.less

• responsive-1200px-min.less

• responsive-767px-max.less

• responsive-768px-979px.less

• responsive-navbar.less

• responsive-utilities.less

にもかかわらず、あなたが本当にしている場合にのみ、これらの設定で遊びます。