1

私は jekyll-bootstrap フーリガン テーマを使用していますが、フッターを jekyll-bootstrap に貼り付けるには多くの問題があります。

このテーマにフッターを貼り付ける方法はありますか?

http://themes.jekyllbootstrap.com/preview/hooligan/

4

1 に答える 1

4

スティッキー フッターを使用するには、デフォルトのテーマ テンプレートを変更し、CSS を追加する必要があります。

_include/theme/ テーマ/default.html:

...
<body>
  <div class="wrap">
    <!-- navbar and content here! -->
    <div class="footer-push"></div>
  </div>

  <footer>
    <div class="container">
      <!-- footer here! -->
    </div>
  </footer>
</body>
...

サスコード:

/* Sticky footer */
$footerHeight: 75px;

//Page full height
html, body {
    height: 100%;
}

#page-wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    // Negative indent footer by it's height
    margin-bottom: -($footerHeight);
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

//footer fixed height
.footer-push,
footer {
    height: $footerHeight;
    max-height: $footerHeight;
    overflow: hidden;
}

スティッキー フッター付きフーリガン テーマ

私はスティッキーフッターでこのテーマを使用しました。

フーリガンのテーマのスクリーンショット

ターミナルで実行してインストールできます。

rake theme:install git="https://github.com/Miguelos/hooligan.git"

ブートストラップ スティッキー フッター

これは、Twitter ブートストラップのスティッキー フッターの例です

于 2014-02-12T19:08:13.473 に答える