0

この元の CSS を使用したhttp://twitter.github.com/bootstrap/examples/hero.html#のように、このヒーローユニットを中央に移動させることはできません-

.hero-unit {
  padding: 60px;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eeeeee;
  border:1px solid #cacaca;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

http://www.magnixsolutions.com/dev/test/test.htmlで私がしたことを参照してください

私のCSSは、以下の元のファイルと同じです。何が起こっているのかわかりません。

.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  background-color: #eeeeee;
  border:1px solid #cacaca;
  -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
          border-radius: 10px;
 }
4

3 に答える 3

0

Bootstrap の例のページで何か重要なことを見逃していました:

  body {
    padding-top: 60px;
    padding-bottom: 40px;
  }

ナビゲーション バーは上部に固定されているため、本文のコンテンツを下に押して、ナビゲーション バーの後に開始する必要があります。あなたの場合、80px の上部パディングがより適切と思われます。

ところで、jqueryあなたの質問に役立つタグではありません。

于 2013-02-13T07:05:34.407 に答える