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/

使用Borders Bootstrap的最佳方法3

1 个答案: