css - 使容器流体正确地包含文本

Question

我正在制作一个使用 Twitter Bootstrap 的页面。我只想在响应式容器中写入一行。

我试过的是:

<div class="container-fluid">
 <div class="row-fluid">
   <div class="span10" style="background-color:red;
    border-radius:30px;color:powderBlue">
      <p style="font-size: 22px">My sample text here.</p>
    </div>

 </div> 
  </div>

但这不能正常工作，因为我的一些文本超出了红色背景的范围。 有什么帮助吗？ 谢谢

Answer 1

从左边留一些填充可能会起作用。

试试这个

<div class="container-fluid">
<div class="row-fluid" >
<div class="span10" style="background-color:red;padding-left:10px;border-radius:30px;color:powderBlue">
    <p style="font-size: 22px">My sample text here.</p>
</div>
</div>
</div>