关于小屏幕笔记本电脑Bootstrap 3网格系统的问题
问题描述:
就我所了解的Bootstrap 3而言,从13“笔记本电脑到24”大屏幕将所有的横向视图端口分类为col-lg
-x。这是从1280x800(13“笔记本电脑)开始到1920x1200(24”台式机)。现在,我的问题是,为了有这样关于小屏幕笔记本电脑Bootstrap 3网格系统的问题
<div class="container">
<div class="row">
<div class="col-lg-4" id="leftBox"></div>
<div class="col-lg-8" id="rightBox"></div>
</div>
</div>
从19" 两名栏,以更大的规模这样的布局看起来完美,但在较小的尺寸专门对13" 的lefBox
显得非常小,整个内容是不可读! 。我试图用col-md-x
类,但显然这些平板电脑上的屏幕
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6" id="leftBox"></div>
<div class="col-lg-8 col-md-6" id="rightBox"></div>
</div>
</div>
现在可以请你让我知道我可以通过其在小屏幕的笔记本电脑不同势列过来这个问题影响?这是col-md
和col-lg
答
之间你有正确的代码,但是有自己的顺序不对。为了在较小的屏幕上使用代码,您应该像这样使用它:
<div class="col-md-6 col-lg-4">
而不是相反。首先使用较小屏幕的类。
您可以编写自己的媒体查询,或[自定义引导网格的屏幕尺寸值(http://getbootstrap.com/customize/#media-queries-breakpoints)。 – cvrebert 2014-10-10 01:58:24