tryresponsive_breakpoints 在线代码实例

 <div class="header">
        <h1>查尼亚</h1>
    </div>
    
    <div class="row">
    
    <div class="col-3 menu">
        <ul>
            <li>航班</li>
            <li>城市y</li>
            <li>岛屿</li>
            <li>食物</li>
        </ul>
    </div>
    
    <div class="col-6">
        <h1>城市</h1>
        <p>查尼亚是克里特岛查尼亚地区的首府. 这个城市可以分为两部分，老城区和现代城区.</p>
    </div>
    <div class="col-3 right">
        <div class="aside">
            <h2>查尼亚是什么?</h2>
            <p>查尼亚是克里特岛上的一座城市.</p>
            <h2>查尼亚在哪里?</h2>
            <p>克里特岛是位于地中海的一个希腊岛屿.</p>
            <h2>如何去?</h2>
            <p>你可以从欧洲各地到达查尼亚机场.</p>
        </div>
    </div>
    
    </div>
    
    <div class="footer">
        <p>调整浏览器窗口的大小，以查看内容如何响应调整大小.</p>
    </div>