Foundation は、レスポンシブで、モバイルファーストなウェブサイトを開発するための HTML、CSS、JavaScriptのフレームワークです。
Foundation は、ダウンロードや利用が完全にフリーです!
この Foundation チュートリアルには、100を超える Foundation の例が含まれています。
オンラインエディタを使用してコードを編集後、ボタンを押せば結果を確認することができます。
<div class="row">
<div class="medium-12 columns">
<div class="panel">
<h1>Foundation
Page</h1>
<p>Resize this responsive page
to see the effect!</p>
<button
type="button" class="button small">I Like It!</button>
</div>
</div>
</div>
<div class="row">
<div
class="medium-4 columns">
<h3>Column 1</h3>
<p>Lorem ipsum..</p>
</div>
<div class="medium-4
columns">
<h3>Column 2</h3>
<p>Lorem
ipsum..</p>
</div>
<div class="medium-4 columns">
<h3>Column 3</h3>
<p>Lorem ipsum..</p>
</div>
</div>
Try it Yourself »"Try it Yourself" をクリックし、どう動作するかを確認してください。
Foundation が提供する幾つかの機能:
span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 | span 1 |
span 4 | span 4 | span 4 | |||||||||
span 4 | span 8 | ||||||||||
span 6 | span 6 | ||||||||||
span 12 |
Panel Text
Panel Text