Html 使用Borders Bootstrap 3的最佳方法

Html 使用Borders Bootstrap 3的最佳方法,html,django-bootstrap3,Html,Django Bootstrap3,我只是在用bootstrap创建我自己的东西。我想知道使用Bootstrap3向容器添加边框的最佳方法是什么?我很难在bootstrap中找到内置的功能,我想知道如果我希望文本包含在边框中,下面的代码最好的方法是什么 <div class="container-fluid"> <div class="row"> <div class="col-md-12"><p class="text-center">Welcome.</

我只是在用bootstrap创建我自己的东西。我想知道使用Bootstrap3向容器添加边框的最佳方法是什么?我很难在bootstrap中找到内置的功能,我想知道如果我希望文本包含在边框中,下面的代码最好的方法是什么

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

欢迎光临


您可以将以下内容添加到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>
。容器边框{
边框:1px实心#ccc;
边界半径:15px;
}
欢迎光临

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

或者,您可以在引导中使用.panel(假设您使用的是3.x)


欢迎光临


你试过什么?(你的问题将结束,因为它没有显示任何研究成果)我最终让它起作用了。我的其他解决方案是打破容器的流动性。我甚至不知道它为什么会破裂。

欢迎使用。

这是一个完全可行的解决方案。我现在甚至后悔问过,什么时候事情这么简单。如果愿意,您可以关闭此选项,但我确实喜欢样式表解决方案。感谢样式表解决方案。我一定会用这个。
 <div class="panel panel-default">
  <div class="panel-body">
    <p class="text-center">Welcome.</p>
  </div>
 </div