tryresponsive_cols 在线代码实例

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

</div>