2列响应式布局,侧边栏溢出问题

时间:2018-04-04 19:20:32

标签: html css responsive-design grid

我正在使用列响应式布局,如example script

中所述

CSS

gci -rec *.txt | sort LastWriteTime | select -last 1 LastWriteTime,Name

但是当我在主列区域内的内容非常有限(例如:404页)时,我的网站正在破碎。页脚出现并进入侧栏 - see this

在提出这个问题之前,我做了很多搜索和试错事。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

老实说,我强烈建议使用bootstrap它会为你节省数小时的挫折感。它有助于设计布局,同时仍然可以完全控制dom。

你的布局在html

中会是这样的
<body>
    <div class="container">
       <div class="row">
           <div class="col-md-8">
             //your content here
           </div>
           <div class="col-md-4">
             //your side panel here
           </div>
       </div>
    </div>
</body>