填充在自举

im使用自举：填充在自举

<div id="main" class="container" role="main"> 
<div class="row"> 
    <div class="span6"> 
     <h2>Welcome</h2> 
     <p>Hello and welcome to my website.</p> 
    </div> 
    <div class="span6"> 
     Image Here (TODO) 
    </div> 
</div>

主要还具有灰色背景。该页面的背景是白色的。我遇到的问题是文本正好对着灰色背景的边缘。我想要一些填充，但是当我添加它时，图像跨度会进入下一行。

任何想法我错了吗？

来源

2013-04-21 panthro

我没有使用Bootstrap，但我曾在Zurb基金会工作过。在那我曾经添加这样的空间。

<div id="main" class="container" role="main"> 
    <div class="row"> 

     <div class="span5 offset1"> 
      <h2>Welcome</h2> 
      <p>Hello and welcome to my website.</p> 
     </div> 
     <div class="span6"> 
      Image Here (TODO) 
     </div> 
    </div>

请访问此链接：http://getbootstrap.com/2.3.2/scaffolding.html并阅读栏目：偏移栏。

我想我知道你在做错什么。如果您正在使用像这样的span6填充：

<div class="span6" style="padding-left:5px;"> 
    <h2>Welcome</h2> 
    <p>Hello and welcome to my website.</p> 
</div>

这是错误的。你需要做的是添加填充到里面的元素：

<div class="span6"> 
    <h2 style="padding-left:5px;">Welcome</h2> 
    <p style="padding-left:5px;">Hello and welcome to my website.</p> 
</div>

来源

2013-04-21 17:36:41

干杯，但这不是什么后im。 – panthro 2013-04-21 17:46:00

@ user1013512请检查我的编辑。 – 2013-04-21 18:06:11

@plaidcorp偏移类用于移动列而不添加填充到该列中的内部元素 – 2014-08-06 21:52:08

从@达伍德的建议是好的，如果这对你有用。

如果您需要更多的微调相比，一个选择是对文本元素使用填充，这里有一个例子：http://jsfiddle.net/panchroma/FtBwe/

CSS

p, h2 { 
    padding-left:10px; 
}

来源

2013-04-21 17:50:43

有填充内置到各种类。

例如：

一个asp.net web表单应用程序：

<asp:CheckBox ID="chkShowDeletedServers" runat="server" AutoPostBack="True" Text="Show Deleted" />

这上面的代码会的“显示已删除”太近复选框文本放置什么，我在高兴看到看着。

自举

<div class="checkbox-inline"> 
    <asp:CheckBox ID="chkShowDeletedServers" runat="server" AutoPostBack="True" Text="Show Deleted" /> 
</div>

这

但是创造的空间，如果你不想在文本加粗做，该类=复选框

引导是非常灵活的，所以在这种情况下，我不需要黑客，但有时你需要。

来源

2014-01-15 19:44:02

回答

相关问题