Bootstrap 3 Absolute Row

时间:2014-02-28 19:33:15

标签: css twitter-bootstrap twitter-bootstrap-3

我是Bootstrap 3的新手。我尝试制作相对行和3行绝对行,但是当我制作它们时,我发现我必须添加每个屏幕类?为什么?无论如何它在md和sm屏幕上工作,但不能使用手机大小-xs -

HTML:

  <div class="row">
    <div class="col-md-4 RelativeRow " >
        <img src="img/Plans/1.jpg"  class="img-responsive"   />
         <div class="row">
        <div class="col-md-10 col-md-offset-1 col-sm-4 col-sm-offset-4 col-xm-12 AbsoluteRoW NoPadding TripInfo " ></div>
        </div> 
        </div>
    </div>

实例Here

*相对方框是伦敦视图。

1 个答案:

答案 0 :(得分:1)

Bootstrap 3是一个移动的第一个框架。如果您使用col-xs类,它将适用于所有xs和更大的屏幕尺寸。当您希望在特定屏幕上以不同方式显示时,您只能使用其他屏幕尺寸类。