tryresponsive_styles 在线代码实例

 <div class="header">
        <h1>查尼亚</h1>
    </div>
    
    <div class="row">
    
    <div class="col-3 menu">
    <ul>
        <li>航班</li>
        <li>城市</li>
        <li>岛屿</li>
        <li>食物</li>
    </ul>
    </div>
    
    <div class="col-9">
        <h1>The City</h1>
        <p>查尼亚是克里特岛查尼亚地区的首府. 这个城市可以分为两部分，老城区和现代城区.</p>
        <p>调整浏览器窗口的大小，以查看内容如何响应调整大小.</p>
    </div>

    </div>