2016-05-14 9 views
0

現在、私のウェブサイトのサイズを変更する際に、プライムフェイスのカルーセルとその応答性に関する問題に直面しています。Primefaceカルーセルを応答性にするにはどうすればよいですか?

これは私が私のウェブサイトをロードするとき、それがどのように見えるかです:

enter image description here

これが正しいサイズと表示されます。

しかし、すぐに私は私のウェブサイトのサイズを変更するように、これは見えるように判明するものである:

enter image description here

エントリの幅は私のウェブサイトのサイズを変更するには再計算されていないように思え。しかし、私は今、カルーセルを反応的にすることを達成したいと考えています。

サイズ変更時にエントリサイズを再計算するようにこの要素を設定するオプションはありますか?

まだ1つを見つけることができませんでした。ブートストラップを使用して

答えて

0

: HTMLページ

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

にこれを入れて、他のすべてのPrimeFacesコンポーネントで、その後

<div class="col-md-6"> 
    here your carousel code 
</div> 
+0

そしてtakeva gooood表情。彼らはまだよく見えますか?私が正しく覚えていれば、ブートストラップの箱モデルは物事を乱す – Kukeltje

+0

ブートストラップで私にとって問題はなく、あなたはjuste responsivesカラムを使うことができます。 – wander

+0

btw、PrimeFacesにはこのグリッドがあります。しかし、私は彼らのどちらかがOPが持っている問題を修正するのか疑問です。グリッドは、コンテンツを自動的に反応させるものではありません。それはコンテンツのための部屋を作る(またはしない) – Kukeltje

関連する問題