Css 如何在图像上制作卡片

我需要做一张卡片，在这里的图像上类似这样：

          <div id="raise" class="btn-group btn-group-lg" role="group">
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

这是我的密码：

          <div id="raise" class="btn-group btn-group-lg" role="group">
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

HTML

 <section>
  <div class="download-section">
    <div class="container">

          <div id="raise" class="btn-group btn-group-lg" role="group">
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <div class="panel mycard">
          <div class="panel-body">
            <p>Here goes some beautiful text</p>
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="panel mycard">
          <div class="panel-body">
            <p>Here goes some beautiful text</p>
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="panel mycard">
          <div class="panel-body">
            <p>Here goes some beautiful text</p>
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

我正在试着做一张卡片，但是我看不到桌子的边界。我正在使用Bootstrap-3。

---

有人能帮我吗？我怎样才能修复它。

一种我认为你想要的方法。。。大概是这样的：

          <div id="raise" class="btn-group btn-group-lg" role="group">
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

我们有一个容器，里面有一排3列。总和必须是12，所以我们加上3

col-md-4

          <div id="raise" class="btn-group btn-group-lg" role="group">
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

HTML

 <section>
  <div class="download-section">
    <div class="container">

          <div id="raise" class="btn-group btn-group-lg" role="group">
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <div class="panel mycard">
          <div class="panel-body">
            <p>Here goes some beautiful text</p>
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="panel mycard">
          <div class="panel-body">
            <p>Here goes some beautiful text</p>
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="panel mycard">
          <div class="panel-body">
            <p>Here goes some beautiful text</p>
            <button type="button" class="btn btn-primary">View Details</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

---

你能更详细地解释你的问题吗？或者提供一个plunker什么的？@JVLobo我已经编辑过了，现在检查它是否有帮助现在我仍然不理解你的问题，也没有看到任何片段或plunker可以运行和尝试help@JVLobo我需要制作一张卡片，正如我在上图中所示。第一个错误<代码>行在

列

之前…谢谢，但我需要创建一个框，如果我创建一个表，它将不会被拆分。我们能不能制作一个有间距的长方体？是的，它是这样显示的，这就是问题所在，我需要创建一个长方体。我在找桌子。看，问题中的图片好的，我更新我的答案。。。让我们使用

面板

而不是

列