新しいブートストラップのブツで、今はグリッドレイアウトで再現できるようになったので、左右のフローティングサイドバーは昔の部分でしょうか?
1 に答える
私は通常、次のようなことをします:
<div class ="row">
<div class="col-sm-8 col-md-9">
<article>...</article>
<section class ="comments">...</section>
</div>
<div class="col-sm-4 col-md-3">
<aside>...</aside>
</div>
</div>
セマンティック グリッドのようなセマンティック アプローチもまだあります。しかし、コンテンツに関しては意味的にあまり表現力がないかもしれませんが.row
、.col
それらは非常に使いやすく、一度使用すると、スタイルやレンダリングされたページを見なくても、その意味をすぐに理解できると思います.
構造にとらわれないスタイリングはまだ不可能であり、おそらく不可能なので、これは良い中間点かもしれないと思います. ブートストラップのような非常に使いやすいグリッドシステムにアクセスでき、グリッド内に配置されたコンテンツが持つと見なされる「セマンティック」な意味を説明する要素がまだあります。
あなたの質問に直接取り組むには:Web業界で毎日目にする「非セマンティック」グリッドから(私は別の種類のセマンティクスにすぎません。明確なルールがあれば、いつ何を使用するかを簡単に組み合わせることができます) ) は非常に人気が高くなりました。これは、レスポンシブなレイアウトの問題ではないにしても、多くの問題に取り組む最も簡単な方法であるためです。他のアプローチはまだ存在します。しかし、それはヘッダー ナビゲーション、コンテンツ、サイドバーの形式の標準的なレイアウトを表しているので、私はそう思います。