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

只需在span10类上添加填充

＆＃13;

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

＆＃13;

Answer 2

从左边留一些填充物可能会有效。

试试这个

<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>

使容器流体正确封闭文本

2 个答案: