bootstrap hidden-sm仅适用于肖像平板电脑

Question

我尝试使用bootstrap的hidden-sm来隐藏某些类，但它似乎只适用于肖像模式。

＆＃13;

＆＃13;

<div class="col-md-2 hidden-sm" >
					<div class="topFilterCtrl filterBarCommon" title="Filter By" 
					ng-click="searchReservationVm.closeAllFilterDiv()">
					<span id="filterByLabel">Filter By</span>
					</div>
				</div>

＆＃13;

＆＃13;

＆＃13;

我希望它也适用于横向模式。我该如何解决？

Answer 1

尝试使用可见而不是隐藏。

Answer 2

这完全取决于平板电脑在横向模式下的像素宽度。你应该能够谷歌并想出来......

Extra small devices- xs(<768px)
Small devices - sm (≥768px)
Medium devices - md (≥992px)
Large devices - lg (≥1200px)

你可以使用.hidden-xs和.hidden-sm的组合来隐藏任何小于992像素的东西，这通常意味着平板电脑。

查看Responsive Utilities Classes

上的文档

<div class="col-md-2 hidden-xs hidden-sm" >
  <div class="topFilterCtrl filterBarCommon" title="Filter By" ng-click="searchReservationVm.closeAllFilterDiv()">
    <span id="filterByLabel">Filter By</span>
  </div>
</div>

或者您也可以使用.visible-md-block和.visible-lg-block的组合。