2014-02-28 45 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和更大的所有屏幕尺寸。當您希望在特定屏幕上以不同方式顯示時,您只能使用其他屏幕尺寸類別。