0

私は aspnet アプリケーションと twitter ブートストラップに取り組んでいます。正しく実行できる変数ウィッチに基づいてスパンを非表示にする必要がある状況があります。問題は、非表示のスパンが幅を保持し、次の 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>

助言がありますか ？

4

1 に答える 1

0

ブートストラップが 2 行目にマージンを追加したため、CSS を追加する必要があります。

おそらく：

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;
}
于 2013-05-20T11:55:11.767 に答える