使用 Borders Bootstrap 3 的最佳方式

Question

我只是很高兴用引导程序构建我自己的东西。我想知道使用 Bootstrap 3 向容器添加边框的最佳方法是什么？我很难在 bootstrap 中找到内置功能，我想知道如果我想将文本括在边框中，最好的方法是使用下面的代码。

<div class="container-fluid">
    <div class="row">
      <div class="col-md-12"><p class="text-center">Welcome.</p></div>
    </div>
</div>

Answer 1

好吧，您可以将以下内容添加到您的 css 中

 .container-border{
 border: 1px solid #ccc;
 border-radius: 15px;  
 }

<div class="container-fluid container-border">
<div class="row">
  <div class="col-md-12"><p class="text-center">Welcome.</p></div>
</div>

这将根据需要在文本周围创建边框。

或者，您可以在 Bootstrap 中使用 .panel（假设您使用的是 3.x）

 <div class="panel panel-default">
  <div class="panel-body">
    <p class="text-center">Welcome.</p>
  </div>
 </div

https://jsfiddle.net/3wcvf8t4/4/