23

私はTwitterBootstrapを使用して父のためにウェブサイトを作成していますが、それは1つのことを除いて行われます：
-カルーセルの幅を狭くする
-カルーセルを中央に配置する
-画像上にスクロール矢印を表示する

こちらがウェブサイトなので、ソースを確認できます

私は文字通りcssを1行ずつ調べ、カルーセルのあらゆる側面を調整してから、ブラウザーでチェックしました。

もう1つの混乱のポイントは、これらの調整の一部は、ブラウザでテストした場合に効果がありSHIFT+CTRL+R（したがって、notepad ++は、サーバーやホストを使用せずに、デスクトップから直接google chromeで開きます）、いくつかの厄介な変更がありますが、これらの変更は、サーバーに配置しても引き継がれません。

私は他のいくつかの投稿を見て、調整を提案し.carousel、@imageそれらも成功せずに試しました。

4

2 に答える 2

36

CSSを使用してカルーセルの幅を設定するだけです。ブロック要素の中央揃えは。で行われmargin: 0 autoます。のCSSを変更するだけ.carouselで、残りは自動的に正しくスタイル設定されます。

<div id="myCarousel" class="carousel slide" style="width: 400px; margin: 0 auto">
    ...
</div>

このjsfiddleをチェックして、機能することを確認してください。

于 2013-01-29T19:55:42.020 に答える
8

IDが「myCarousel」のDIVに「container」のクラスを追加するだけです。

したがって、この...

<div id="myCarousel" class="carousel slide">

なる...

<div id="myCarousel" class="carousel slide container">
于 2013-01-30T12:50:52.630 に答える