1

Bootstrapを使用すると、「MiDs」要素を中央に配置して残りの要素と整列させる必要があるかどうかがわかりませんが、黒は現在のように端から外れます。

4

7 に答える 7

3

element.container-fluidを中央に配置する必要があると思います。その場合は、次のようにスタイルを編集します。

.container-fluid {
...
/* min-width: 940px; remove this line */
width: 940px;
margin: 0 auto;
}
于 2011-11-26T09:30:32.027 に答える
0

これを追加

margin: 0px 50% -40px 50%;

に

.brand

于 2011-11-26T04:05:52.793 に答える
0

私がすることは、ページの他の部分と同じ幅の黒いバー内にdivを作成し、それを中央に配置することです。その中にMiDを入れると、ページの残りの部分と整列します。

于 2011-11-26T05:18:55.457 に答える
0

この猫の皮を剥ぐ方法はおそらく百万通りありますが、私がすることは、リンクが含まれているdivにクラスを追加することです（すでにcontainer-fluidクラスとしてあります）。

自動マージンが必要なため、container-fluidのマージンをオーバーライドするクラスが必要です。どのクラスがそれをしていると思いますか？包む！したがって、wrapそのdivに追加すると、全体がコンテンツに合わせられます。テキストはまだ中央に配置されていません。これは、現在中央に配置されているdivの左側にあります。

マークアップに関してはそれ以上深く掘り下げることはしませんでしたが、古い祖先wrap要素はもう必要ないのではないかと思います。それを置く場所のように見えたので（そこに必要なものをまとめる！）、おそらくそこにありましたが、トップバーの固定位置から逃れるためには、もっと深くネストする必要があったと思います。

それでもテキスト自体を中央に配置する必要がありましたか？アンカーはドキュメントフローに移動するため、アンカーのフロートを解除してから、それに応じてパディングを調整する必要があります。

于 2011-11-26T05:19:43.053 に答える
0

私はこの質問で私が求めていたものだと思います<-そこのフィドルをチェックして見てください

黒のdivの場合：

position: absolute;
left: 0;
right: 0;

これにより、ブラウザの幅に関係なく、ブラウザの端まで拡張されます。

次に、別のdivとmargin-left:サイドメニューの幅を作成して、「MiD」とそこに入力したその他のコンテンツをサイドメニューの右側にプッシュします。

中央に配置する場合は、幅を設定して使用しますmargin: auto;

于 2011-11-26T05:24:09.183 に答える
0

これを試して..

<div class="container-fluid">
<span><a class="brand" href="/index.php">MiDs</a></span>
---------
-------
------
</div>

/*css*/

.container-fluid span {
display:block;
width:100px;
margin:0 auto;
}
于 2011-11-26T09:36:03.973 に答える
0 
.topbar h3 a, .topbar .brand {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  padding: 8px 20px 12px;
}

フロートを削除しますか？

于 2011-11-26T09:37:47.210 に答える