演習課題「グリッドの割合を変更する」

右側のコードエリアのhtmlは、「hello world」「hello paiza」「hello HTML」という3つの見出しを表示します。3つの見出しは、Bootstrapのグリッドシステムで、3等分して表示されます。

このレイアウトを、「2:4:6」の割合になるように変更してください。

コードの実行をして、エラーが出なければ、演習課題クリアです!

期待する出力値

hello world

hello paiza

hello HTML






※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む

#06:Bootstrapのグリッドシステムを理解しよう

Webページで柔軟なレイアウトを可能にする、Bootstrapのグリッドシステムを取り上げます。グリッドは、最近のWebページで主流になっている定番のデザインで、Bootstrapで簡単に実現できます。