Bootstrap 3 フルハイト列: カスタム CSS ソリューション
概要:
作成Twitter Bootstrap 3 でのフルハイトのレイアウトは難しい場合があります。 Bootstrap のネイティブ クラスはこの機能をサポートしていませんが、カスタム CSS を使用してこの効果を実現できます。
カスタム CSS アプローチ:
Markup:
Header NavigationContent
CSS:
html, body, .container { height: 100%; } .container { display: table; width: 100%; margin-top: -50px; padding: 50px 0 0 0; } .row { height: 100%; display: table-row; } .row .no-float { display: table-cell; float: none; }
利点と考慮事項:
免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。
Copyright© 2022 湘ICP备2022001581号-3