C# 删除div之间的间距,引导
我已经使用Twitter引导来分离C# 删除div之间的间距,引导,c#,html,css,.net,twitter-bootstrap,C#,Html,Css,.net,Twitter Bootstrap,我已经使用Twitter引导来分离,如下所示 <div class="row" style="padding-top:10px;"> <div class="col-lg-6 col-md-6 col-sm-4 col-xs-4" style="border-style:dotted;"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-2 co
,如下所示
<div class="row" style="padding-top:10px;">
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4" style="border-style:dotted;">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-2 col-xs-2">
<label>Period:</label>
</div>
<div class="col-lg-offset-1 col-lg-8 col-md-offset-1 col-md-7 col-sm-offset-1 col-sm-6 col-xs-offset-1 col-xs-6">
@Html.DropDownList("Period", new List<SelectListItem>() {
new SelectListItem{Text = "Last 7 Days", Value = "6"},
new SelectListItem{Text = "Last 15 Days", Value = "14"},
new SelectListItem{Text = "Last 30 Days", Value = "29"},
new SelectListItem{Text = "Last 90 Days", Value = "89"},
new SelectListItem{Text = "Last 180 Days", Value = "179"},
new SelectListItem{Text = "Last 365 Days", Value = "364", Selected = true},
new SelectListItem{Text = "Custom", Value = "0"}
})
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4" style="border-style:solid;">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4">
<input type="text" id="FromDatePicker" readonly="readonly" placeholder="From Date" style="display: none; width: 78px; line-height: 25px;">
</div>
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4">
<input type="text" id="ToDatePicker" readonly="readonly" placeholder="To Date" style="display: none; width: 78px; line-height: 25px; ">
</div>
</div>
</div>
期间:
@Html.DropDownList(“期间”,新列表(){
新建SelectListItem{Text=“Last 7 Days”,Value=“6”},
新建SelectListItem{Text=“Last 15 Days”,Value=“14”},
新建SelectListItem{Text=“Last 30 Days”,Value=“29”},
新建SelectListItem{Text=“Last 90 Days”,Value=“89”},
新建SelectListItem{Text=“Last 180 Days”,Value=“179”},
新建SelectListItem{Text=“Last 365 Days”,Value=“364”,Selected=true},
新建SelectListItem{Text=“Custom”,Value=“0”}
})
可以看出,我已将
行
划分为6-6
。当我将屏幕缩小到小尺寸时,div将显示在所附的图像中。我希望在屏幕处于XS
或SM
模式时删除多余的空间。您可以执行以下操作:
<div class="row row-no-padding" style="padding-top:10px;">
.row-no-padding [class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
原因是。在小屏幕中查看时,将使用新的样式表 如何修复:
它应该可以解决这个问题这是由于日期选择器输入字段的固定宽度造成的。在使用媒体查询的移动设备上,日期选择器100%分区。我发现缺少选择器的错误。这是准确的语法吗。?对不起,我忘了我使用的是较少的语法。:)
.row-no-padding [class*="col-xs"],
.row-no-padding [class*="col-sm"] {
padding-left: 0 !important;
padding-right: 0 !important;
}