0

背景：私は現在、（軽く）カスタマイズされたBootstrapテーマを使用したTumblrブログをOctopressに持ち込んでいます。

Tumblrサイト：http： //eatsleeprepeat.net/ Octopressサイト（WIP）：http ://stark-autumn-3851.herokuapp.com/ Github：https://github.com/elithrar/octopress/tree/master/。テーマ/eatsleeprepeat（スタイルシートについてはsass /を参照）

現在の最大の問題は、個々の投稿を含むが、サイト自体の下部に（Octopressを介して）ロードされている_bootstrap_response.cssファイルhero-unitのステートメントに（私が見ることができるものから）準拠していないことです。@mediascreen.css

HTML構造は（ヒーローユニットのdivに関する限り）同一であり、ChromeのWeb Inspectorは有用なことを何も教えてくれません（読んでください：私は理解できます）。

CSS-fuが上手で、数分余裕のある人がいれば、とてもありがたいです。

更新：ヒーローユニットの問題を（水平方向に）解決したので、ページサイズが尊重されるようになりました。これは、コンテナの「クラス」ではなく「id」という非常に明白なエラーが原因でした。

hero-unitただし、次のように述べています。divの下の垂直方向の配置にまだ問題がありnavbar navbar-fixed-topます。それらの間に間隔はありません。

4

2 に答える 2

1

次のCSSルールを追加する必要がある場合があります。

.container::before, .container::after {
    display: table;
    content: "";
}
.container::after {
    clear: both;
}
.container::before, .container::after {
    display: table;
    content: "";
}
于 2012-06-30T02:24:53.787 に答える
0

以下を追加することでこれを修正しました：

  <style type="text/css">
  body {
    padding-top: 60px;
    padding-bottom: 40px;
  }
</style>
于 2012-07-12T04:38:39.970 に答える