2014-02-28 48 views
0

我是Bootstrap 3的新手。我试图做出相对的行和3个绝对行,但是当我制作它们时,我发现我必须添加每个屏幕类?为什么?反正它工作在MD和SM屏幕,而与手机大小的工作-xs-Bootstrap 3 Absolute Row

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

*相对框是伦敦观。

+2

首先,除非你以各种意想不到的方式突破,否则不要混淆默认的网格布局。其次,我还不确定你在这里试图做什么 – feitla

+1

你使用'xm'而不是'xs' – brbcoding

回答

1

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