Php Wordpress CSS支持col-md-8列和填充

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

我有一个“特色滑块”col-md-8，右边有一个侧边栏。似乎在某个地方设置了一些填充或间距，我找不到。我已经检查了所有的主题文件，style.php。我所要做的就是将右侧的侧边栏移动到页面顶部。空的空间曾经是一个col-md-4容器，此后代码被删除

如果我从主页上删除特色滑块代码，“最新”的帖子以及菜单都会移动到屏幕顶部，而不会出现填充问题

---

任何帮助都将不胜感激

您有以下结构

<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，就可以了。这些都是在模板主页中完成的。php

您当前的场景如下

<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>

特色滑块
所容纳之物
边栏

将其更改为以下内容

<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>

特色滑块
所容纳之物
边栏

---

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

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

您应该有一个左列（

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>

在您的div“col-md-8”之后将出现一个clearfix。只需在“col-md-8”之后创建一个“col-md-4”。 我已经在这里测试过了，就这么做。

在标签里面

<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清除你的浮点：

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

如果没有，请将其注释掉，如下所示：

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

---

这确实会将侧边栏向上移动到您想要的位置。但是，我怀疑您希望最后一个div（col-md-8类）的位置更高。如果是这样，听起来您需要在行（类行的div）内创建两列。

谢谢大家，这个解决方案非常有效。