レール

レールは、サイトのメインビューの境界外に付随するコンテンツを表示するために使用されます。

はじめに

いつ使用するのか

レールは、ウェブサイトのメインビューポートの外側に、付随するオプションのコンテンツを表示するために使用します。サイトは、しばしば固定されたコンテンツを持つレールを使用して、ページをスクロールしてもビューポートに追加の（多くの場合オプションの）コンテンツを固定します。

Semanticのデフォルトのレールは幅300pxで、多くの一般的な広告ユニットサイズにちょうど合う大きさであり、サブナビゲーションメニューや目立つ行動喚起のための十分な幅があります。

サイズの調整

レールコンテンツは、ユーザーのブラウザの横幅を超えないようにするために、サイトのコンテンツに固有の任意のブレークポイントが必要になる可能性が高いです。

レールは一般的に、ブログ投稿、記事、ユーザープロフィールなど、長文コンテンツを含む長いシングルカラムコンテナの横に配置されます。一般的に、メインテキストコンテナの幅は、フォントサイズに応じて600〜800px程度に設定し、可読性の行の長さを最適化する必要があります。

この設定により、ほとんどのタブレットブラウザでは1つのレールしか収容できません。Ultrabookや低解像度のコンピューターでは2つの小さなレール、大型モニターでは通常2つのフルサイズのレールを使用できます。この実装の詳細は、プロジェクトで自由に決定できます。