Wordpress 使用引导的类别部分

我发现很难实现一个L形的分类部分，在特色广告旁边放置特色广告。我使用bootstrap是因为它的响应性，这是我知道的唯一选择

请告诉我这是我想要达到的目标

此外，以下是我的代码行：

---

不要在类别之间添加行，只要有一行，然后在该行中添加列即可。因此，首先添加你的特色部分，然后你的分类应该到位。像这样：

下面是一些随机css和以下标记

---

不要在类别之间添加行，只要有一行，然后在该行中添加列即可。因此，首先添加你的特色部分，然后你的分类应该到位。像这样：

下面是一些随机css和以下标记

你能做一把小提琴吗？你能做一把小提琴吗？非常感谢它的工作，但是当我调整屏幕大小时，图像的某些部分被切掉了，我的图像是145px 145px。我不得不使用png图像，因为firefox上没有显示字体很棒的图标。如果你要使用图像，你可能会因为图像分辨率的原因而在响应上出现问题。您可以删除溢出：从类别a中隐藏，就像我在小提琴中一样，或者您必须给每个图像一个宽度和高度，并将高度与div匹配，然后将图像居中放置在div中，这样当图像调整大小时，图像将保持相同的大小。如果我是你的话，我会选择字体很棒的图标，尽管它们在firefox中应该可以很好地工作，但我知道你为什么会有问题。更新了我答案中的提琴，字体很棒，效果很好哇..非常感谢，你不知道我做了多久了。最后一个问题是，我如何为每个类别添加单独的背景色。这对我不起作用，它只给字体图标一个背景。再次感谢你，感谢你的真棒！很多人都是同性恋！非常感谢它的工作，但当我调整屏幕大小时，图像的某些部分被切断，我的图像是145px 145px。我不得不使用png图像，因为firefox上没有显示字体很棒的图标。如果你要使用图像，你可能会因为图像分辨率的原因而在响应上出现问题。您可以删除溢出：从类别a中隐藏，就像我在小提琴中一样，或者您必须给每个图像一个宽度和高度，并将高度与div匹配，然后将图像居中放置在div中，这样当图像调整大小时，图像将保持相同的大小。如果我是你的话，我会选择字体很棒的图标，尽管它们在firefox中应该可以很好地工作，但我知道你为什么会有问题。更新了我答案中的提琴，字体很棒，效果很好哇..非常感谢，你不知道我做了多久了。最后一个问题是，我如何为每个类别添加单独的背景色。这对我不起作用，它只给字体图标一个背景。再次感谢你，感谢你的真棒！很多人都是同性恋！

<div class="container">
  <div class="row">
    <div class="col-xs-8 col-md-6 featured-section">
      <a class="featured" href="#"></a>
    </div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
    <div class="col-xs-4 col-md-2 category"><a href="#"></a></div>
  </div>
</div>