自适应多栏布局演示

调整浏览器窗口大小,查看布局调整情况!

色块

Red
Teal
Blue
Salmon
Mint
Yellow

文本

Block 1

This is some sample text for the first block. It demonstrates how text will flow in the adaptive layout.

Block 2

Here's another block of text. As you resize the window, you'll see these blocks rearrange.

Block 3

This third block helps to show how the layout adapts to different screen sizes and content amounts.

Block 4

With four blocks, you can easily see how the grid adjusts from one to four columns based on available space.

图片