0

IMO すぐに使用できるブートストラップ カルーセルは制限されており、企業での使用向けには設計されていません。Hulu、netflix、iTunes がサイトにカルーセルを実装した方法と同様に機能するようにコンポーネントをカスタマイズしたリソースを知っている人はいますか?

より具体的には、カルーセルが複数の行にオーバーフローせず、代わりに 1 行にとどまり、スペースが提供するアイテムの量のみを表示する必要があります。BS3 の新しいグリッド システムは、この sans carousel ではうまく機能しますが、カルーセル機能を適用するとすぐに、古いブートストラップのように動作し、小さなブレークポイントではうまく機能しません。

必要な実装の例については、netflix.com または hulu.com を参照するか、iTunes デスクトップ アプリを参照してください。

4

2 に答える 2

2

カルーセルの「スライド」セクションをカスタマイズして、流動的な行やサムネイルなど、あらゆる種類のコンテンツを含めることができます。

http://jsfiddle.net/fVqJ3/

<div class="carousel-inner">

<div class="item active">
<div class="row">
  <div class="col-xs-3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" /></a></div>
  <div class="col-xs-3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" /></a></div>
  <div class="col-xs-3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" /></a></div>
  <div class="col-xs-3"><a href="#x" class="thumbnail"><img src="http://placehold.it/250x250" /></a></div>
</div>
</div></div>
于 2013-10-14T15:47:31.853 に答える
0

このブートストラップの例のようなものですか? あなたが投稿したhttp://www.hulu.com/とよく似ています。

于 2013-09-13T08:50:38.767 に答える