html - 在引导程序中的行元素内使用边框

Question

我正在使用 bootstrap/html，并且试图将三个警报连续设置为边界。我怎样才能做到这一点？到目前为止看起来像这样：

到目前为止我所拥有的是

<div class="container">		
<div class="row">
<div class="col-sm">
<div class="alert alert-primary"></div>
</div>
<div class="col-sm">
<div class="alert alert-primary"></div>
</div>
<div class="col-sm">
<div class="alert alert-primary"></div>
</div>
..

我怎样才能用跨度包围它？

谢谢你们

标签： htmlbootstrap-4

Answer 1

抱歉，我只是看到您的后续问题。您可以使用 css 添加一些填充。CSS 可以添加到 HTML 元素中： 内联 - 通过使用 HTML 元素中的样式属性 Internal - 通过使用部分中的元素

.alert-primary { padding: 30px; }

这将通过引导程序在每个警报周围添加一个简单的边框以及以下对类的更改

<div class="alert alert-primary">

---

<style>
  .alert-primary {
    padding: 30px;
  }
</style>

<div class="container border border-dark">
  <div class="row">
    <div class="col-sm">
      <div class="alert alert-primary"></div>
    </div>
    <div class="col-sm">
      <div class="alert alert-primary"></div>
    </div>
    <div class="col-sm">
      <div class="alert alert-primary"></div>
    </div>