私は馬鹿のように感じます。zurb 基礎セクションを試しています。私は最新バージョン 4.3.1 を使用しています。
私は彼らがここに持っているドキュメントに従っています: http://foundation.zurb.com/docs/components/section.htmlそして、結果をナビゲートするときに奇妙な動作をしています。以下のスクリーンショットを参照してください。私は何を間違っていますか?
これが私のコードです
<form data-abide action="">
<div class="row">
<div class="small-24 columns">
<div class="section-container auto" data-section>
<section class="section">
<p class="title" data-section-title><a href="#panel1">Panel 1</a></p>
<div class="content" data-section-content><p>Content of section 1.</p></div>
</section>
<section class="section">
<p class="title" data-section-title><a href="#panel2">Panel 2</a></p>
<div class="content" data-section-content><p>Content of section 2.</p></div>
</section>
<section class="section">
<p class="title" data-section-title><a href="#panel3">Panel 3</a></p>
<div class="content" data-section-content><p>Content of section 3.</p></div>
</section>
<section class="section">
<p class="title" data-section-title><a href="#panel4">Panel 4</a></p>
<div class="content" data-section-content><p>Content of section 4.</p></div>
</section>
</div>
</div>
</div>
</form>