Question

不幸的是，如果没有访问我的网站，我就无法描述我的问题。 DadGab.com。

我有一个特色滑块＆＃39; col-md-8，右侧有一个侧边栏。看来在某处设置了一些填充或间距，我无法找到它。我检查了所有主题文件style.php。我所要做的就是将右侧的侧边栏移动到页面顶部。空的空间曾经是一个col-md-4容器，编码已被删除。

如果我从主页中删除精选滑块代码，那么最新的＆＃39;帖子以及菜单确实移动到屏幕顶部而没有填充问题。

非常感谢任何帮助。

Answer 1

你有以下结构

<div class="col-md-8"></div>
<div class="clear"></div>
<div class="col-md-8"></div>
<div class="col-md-4"></div>

如果我理解你，你应该

<div class="col-md-8"></div>
<div class="col-md-4"></div>

所以加入.col-md-8容器中的代码，删除类“clear”的div，它应该没问题。这都是在模板homepage.php

中完成的

Answer 2

您的布局逻辑存在一些问题。您需要考虑列和行的工作方式。

您应该有一个左栏（col-md-8）和一个侧栏栏（col-md-4），它们应该相邻。左栏应包含所有左侧内容。

这里有你所拥有的：

<div class="row">
  <div class="col-md-8">
    <!-- featured -->
  </div>

  <div class="clear"><!-- SEPARATION --></div>

  <div class="col-md-8">
    <!-- REAST OF LEFT COLUMN -->
  </div>
  <div class="col-md-4">
     <!--
       SIDEBAR
       You want this next to the left column.
       But it's not adjacent!
     -->
  </div>
</div>

这是你想要的

<div class="row">
  <div class="col-md-8">
    <!-- FEATURED -->
    <!-- REST OF LEFT COLUMN -->
  </div> 
  <div class="col-md-4">
    <!-- RIGHT SIDEBAR -->
  </div>
</div>

Answer 3

您当前的情况如下：

<div class="col-md-8">
    featured slider
</div>

<div class="col-md-8">
    content
</div>

<div class="col-md-4">
    sidebar
</div>

将其更改为以下

<div class="col-md-8">
    featured slider
    content
</div>

<div class="col-md-4">
    sidebar
</div>

如果问题仍然存在，请告诉我。）

Answer 4

在你的div＆＃34; col-md-8＆＃34;即将推出一个明确的修复。只需创建一个＆＃34; col-md-4＆＃34;在＆＃34; col-md-8＆＃34;之后。我已经在这里测试了，就这样做了。

Answer 5

标签内

<div class="container"><div class="row">

重新排列顺序，来自：

<div class="col-md-8"> ... </div>
<div class="clear"></div>
<div class="col-md-8"> ... </div>
<div class="col-md-4"> ... </div>

为：

<div class="col-md-8"> ... </div>
<div class="col-md-4"> ... </div>
<div class="clear"></div>
<div class="col-md-8"> ... </div>

另外，考虑一下你是否真的要保留清除你的花车的div：

<div class="clear"></div>

如果没有，请将其评论出来，如下：

<!-- <div class="clear"></div> -->

这确实会使你的侧边栏移动到你想要的位置。但是，我怀疑你会想要将最后一个div（类col-md-8）定位得更高。如果是这样，听起来好像你需要在行中创建两列行（类行的div）。

使用列col-md-8和填充的Wordpress CSS辅助

5 个答案: