默认的网格系统提供在HTML5CMS!利用 24 动态列 呈现出在任何宽度。当浏览器窗口宽度低于767px时,单元格内容将垂直排列。
如上所示,基本的布局可以创建两个“列”,每一行我们定义了不同宽度,基于动态列系统的24格基本列。
<ul class="bullets">
<ul class="check">
<ul class="star">
<ol class="numbers">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.
Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.
Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.
Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.
# | Sonet dus | Eirmod an |
---|---|---|
1 | Te natum eruditi | Ex of modus pri |
2 | Te natum eruditi | Ex of modus pri |
3 | Te natum eruditi | Ex of modus pri |
4 | Te natum eruditi | Ex of modus pri |
5 | Te natum eruditi | Ex of modus pri |
<div class="box"> ... </div>
Autem comprehensam et duo. Sed et dicunt commodo qualisque. Ut vix eius iudico. <div class="box bluebox"> ... </div>
Autem comprehensam et duo. Sed et dicunt commodo qualisque. Ut vix eius iudico. <div class="box redbox"> ... </div>
Autem comprehensam et duo. Sed et dicunt commodo qualisque. Ut vix eius iudico. <div class="box greenbox"> ... </div>
Autem comprehensam et duo. Sed et dicunt commodo qualisque. Ut vix eius iudico. <div class="box whitebox"> ... </div>
Autem comprehensam et duo. Sed et dicunt commodo qualisque. Ut vix eius iudico.