0

ポートフォリオ サイトに Twitter ブートストラップを使用しています。流動的なレイアウトはある程度までは機能しているように見えますが、ホームページにはいくつかの問題があります。

  1. 約 997 ピクセルより小さくなると、ナビゲーション メニューが完全に消えます。ヘッダーバーの下にドロップダウンして非表示になっているように見えますが、表示できないようです。実際にはモバイル メニューに切り替わり、右上隅に留まるはずです。

  2. また、画面サイズが小さくなると、インデックス ページの「自己紹介」と「連絡先」セクションが重なって表示されます。これは何らかの形で私の構造に関係していると確信していますが、問題を見つけることができません。

ブートストラップの専門家は、これらの問題の原因を知っていますか?

このサイトのテスト版へのリンクは次のとおりです。http://theiamzone.com/kyle_hagler/portfolio-site

4

1 に答える 1

0

サイトから閲覧したソースコードから、jqueryファイルが不足していることがわかりました。

<script src="//code.jquery.com/jquery-1.10.1.min.js">

それを入れて、ドロップダウンが機能するかどうかを確認します。

そして、私たちについてと連絡先の部分です。

試すことができる方法は、コンテナを配置してそれらをすべてラップすることです。詳細については、ここから読んでください。 http://twitter.github.io/bootstrap/scaffolding.html#layouts

私たちについてのセクションの私の観点から、2 スパン 6 列をラップしないようにしてください。代わりに次のコードを使用してください。

<div class="row-fluid">
    <div class="span12">
       <div class="span6"></div>
       <div class="span6"></div>
    </div>
</div>

お問い合わせセクションでも同じ状況が発生し、css クラスが割り当てられていません。

于 2013-07-19T03:45:34.647 に答える