web-dev-qa-db-ja.com

TwitterのBootstrapモバイルはスケルトンのようにフレンドリーですか?

スケルトンは レスポンシブウェブデザイン の原則に従って、モバイルブラウザにも適合するようにスケーリングされます。 Bootstrapは同じものを提供しますか?

34
newnomad

まだ- http://groups.google.com/group/Twitter-bootstrap/browse_thread/thread/6db57d09f654a326?pli=1

しかし、いつかはそうなるでしょう。 ロードマップ には、バージョン2.0でこれが含まれています。それは私の経験ではあなた自身のmedia queriesあまり問題なく。

[〜#〜] edit [〜#〜]-2012年2月1日の時点で バージョン2. は廃止され、そのままの状態でモバイルに応答します。

[〜#〜] edit [〜#〜]-2013年8月19日現在、 バージョン3. がリリースされています。レスポンシブであるだけでなく、モバイルファーストのアプローチを採用しています。

Bootstrap 2を使用して、フレームワークの主要な側面にオプションのモバイルフレンドリースタイルを追加しました。Bootstrap 3を使用して、プロジェクトを開始。オプションのモバイルスタイルを追加する代わりに、コアに直接焼き付けられます。実際、Bootstrapは最初にモバイルです。モバイル最初のスタイルは、ライブラリ全体でなく、別のファイル。

31

どうやら今それをサポートする必要があります。

元々は最新のブラウザーのみを念頭に置いて構築されたBootstrapは、すべての主要ブラウザー(IE7も含む)のサポートを含むように進化し、Bootstrap 2ではタブレットとスマートフォンもサポートするようになりました。

ソース: http://Twitter.github.com/bootstrap/#grid-system

サイトにアクセスしてブラウザのサイズを変更すると、うまく適合していることがわかります。

11
Mads Laumann

はいTwitter Bootstrapの2.0バージョンは、レスポンシブWebデザインに基づいています。彼らのウェブサイトを見てください: http://Twitter.github.com/bootstrap/ 。ダウンロードするときは、それをいじる必要があります。ダウンロードバージョンにはないためです。レスポンシブcssの名前を変更する必要があります。最善のオプションは、ウェブサイトを見て、リバースエンジニアリングを試みることです。

6

モバイルフレンドリーには多くの意味があります。 Bootstrapレスポンシブです。これはモバイルフレンドリーな属性です。また、非常に重い(アプリケーション用に設計されています)-これは、特にWebサイトではモバイルフレンドリーではありません。

Yahoo 純粋なフレームワークは約1/10の重量であり、同じ機能セットを提供します Webサイト用。 Bootstrapモバイルサイトの場合は、これに似たものをお勧めします。

1
Lilith River