css - ナビゲーションバーと垂直に配置されたカルーセルを使用したtwitterブートストラップレイアウト？

Question

Twitterブートストラップを使用して次のレイアウトを実行するにはどうすればよいですか？

画面の中央に配置された上部のカルーセルのナビゲーションバー、下部のテキスト行？

Answer 1

全体的なレイアウトは非常に単純なので、実際の問題はカルーセルの垂直方向の配置であり、おそらく次のようなものを試すことができます。

#carousel-outer{
    position: fixed;
    top: 50%;
    left: 50%;
    height: 0;
    width: 0;
    overflow: visible;
}
#carousel {
    height: 300px;
    width: 800px;
    margin: -150px 0 0 -400px;
    background: #000;
}

<div id="carousel-outer">
    <div id="carousel"></div>
</div>