移除間隔，自舉

我已經使用Twitter的引導來分離<div>如下移除間隔，自舉

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

如可以看到的，我已分割在6-6的row<div>。當我將屏幕縮小到小尺寸時，div顯示在附加圖像中。我想要在屏幕處於XS或SM模式時刪除多餘的空間。 2nd line in image is what i want

來源

2015-06-19 user2998990

這是由於固定寬度的日期選擇器輸入字段 – Mehar

使用媒體查詢 – Mehar

你可以做這樣的事情：

<div class="row row-no-padding" style="padding-top:10px;"> 

.row-no-padding [class*="col-"] { 
    padding-left: 0 !important; 
    padding-right: 0 !important; 
}

或只爲XS/SM：

.row-no-padding [class*="col-xs"], 
.row-no-padding [class*="col-sm"] { 
    padding-left: 0 !important; 
    padding-right: 0 !important; 
}

來源

2015-06-19 06:06:18 Nicholas

我得到一個令日期選擇器的div 100％，在移動設備上錯過選擇器錯誤。這是確切的語法。？ – user2998990

對不起，我忘了使用LESS語法。 :) – Nicholas

謝謝......它在一定程度上起作用。 – user2998990

這樣做的原因是。當您在小屏幕上查看時，正在使用新的樣式表。

如何解決：

測試它是瀏覽器響應工具。選擇低屏幕。
打開螢火蟲。轉到元素。點擊頂部的搜索圖標。選擇要顯示哪個css正在使用的元素。
從該css中刪除填充。

應該解決這個問題

來源

2015-06-19 06:06:33 nirajkumar

移除間隔，自舉

回答

相關問題