Question

我正在开发一个aspnet应用程序和twitter bootstrap。我有一种情况，我需要隐藏基于我可以正确做的变量巫婆的跨度。问题是隐藏的跨度保持宽度并打破下一个div。

 <div class="row-fluid">
         <div class='<%= (showTitle  ? "span4" : "hide")  %>'>
            <label>Title</label>
            <ASP:DropDownList ID="DpdLstTitle" runat="server"  CssClass="span12"></ASP:DropDownList>
        </div>
        <div class='<%= (showTitle  ? "span8" : "span12")  %>'>
            <label>Name</label>
            <ASP:TextBox ID="TboxName" runat="server" MaxLength="80"  CssClass="span12" />
        </div>
    </div>

有什么建议吗？

Answer 1

你必须添加一些css，因为bootstrap在第二行添加了一个边距

大概：

margin-left: 2.127659574468085%;

所以你必须覆盖它。插入

margin-left: 0;

示例HTML：

<div class="row-fluid">
    <div class='<%= (showTitle  ? "span4" : "hide")  %>'>
        <label>Title</label>
        <ASP:DropDownList ID="DpdLstTitle" runat="server"  CssClass="span12"></ASP:DropDownList>
    </div>
    <div class='<%= (showTitle  ? "span8" : "span12 hiddenColBefore")  %>'>
        <label>Name</label>
        <ASP:TextBox ID="TboxName" runat="server" MaxLength="80"  CssClass="span12" />
    </div>
</div>

示例CSS：

.hiddenColBefore {
    margin-left: 0 !important;
}

Twitter Bootstrap布局宽度隐藏元素

1 个答案: