0

したがって、私はbootmetroフレームワークを使用しており、深刻な問題が発生しています。bootmetro にはカルーセルとscrollspy navbar が付属しています。

カルーセルをページの上部に配置しようとしましたが、css で幅が auto に設定されているのに画像がそうでないため、何らかの理由でキャプションが片側から反対側に広がります。

カルーセルがプロジェクトのナビゲーションバーの上部に正しく配置されていないことに気付いた場合は、ここで達成しようとしていることのデモがあります。

ここに画像の説明を入力

サイト上の他のすべてのものに関連付けられているため、カルーセルの画像 css を操作できないことに注意してください。それらを変更すると、ホームページの画像がおかしくなります。

4

1 に答える 1

2

これが発生する理由は、レイアウトにテーブルを使用しているためです。レイアウト目的でテーブルを使用することは、ベスト プラクティスではありません。とにかく、一貫性を保つために、代わりにブートストラップ ネイティブ スキャフォールディングhttp://twitter.github.com/bootstrap/scaffolding.htmlを使用する必要があります。

テーブルを削除して、次のマークアップを使用してみてください。

<div class="row">
<div class="span4">
<!--Carousel goes gere -->
</div>
<div class="span4">
<!--Text and menu goes here -->
</div>
<div>
于 2013-03-22T19:27:10.233 に答える