「Laravel / Bootstrap」カテゴリーアーカイブ

PHPのフレームワークLaravelとTwitter Bootstrapを使用したサイト構築。

表示する行数が少ないときにフッタを画面下部に持って行く方法

ちょっとしたことですが画面がすっきりしてすごく助かります。
http://blog.webcreativepark.net/2007/11/16-012253.html

特にLaravel+Bootstrapな場合に上記を使用させていただくと、jsファイルの設置+footer.phpの変更だけで済みます。

1.footerFixed.jsの設置

http://blog.webcreativepark.net/sample/js/36/footerFixed.js
をダウンロードして、
pablic/packages/footerFixed.js
として保存します。

2.footer.phpの編集

app/views/footer.php
を以下の通り編集します(2カ所)。

編集その1
<div class=”footer”>を<div id=”footer” class=”footer”>に変更します。

編集その2
@section(“footer”)と<div id=”footer” class=”footer”>の間に、次のスクリプトを挿入します。
<script src=”/packages/footerFixed.js”></script>

結果としてこんな感じになります。

以上です。

西畑一馬さん、ありがとうございます。