2014-10-29 107 views
2

我使用Framework Bootstrap 3並且在f.e.上遇到佈局問題。 iPad處於肖像模式(一般爲小型設備)。 我如何去除左側和右側的邊距/填充? 當我在iPad上看這個頁面時,應該沒有左右空間。Bootstrap 3 - 刪除小設備上的填充/邊距

我已經嘗試了很多東西:

.container { 
    margin: 0; 
    padding: 0; 
} 

以上CSS代碼還是引起右邊一側的邊緣!?

我創建了一個小提琴:http://jsfiddle.net/bBc8c/28/

有人能幫忙嗎? 問候

+0

你有[''](https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag)(或類似的)在你的''(no雙關語意)? – 2014-10-29 02:11:44

+0

是的,我有:' user3265764 2014-10-29 13:17:36

回答

0

添加引導程序默認container類例如..

<div class="col-md-12 container> 
<div class="header">some text here</div> 
<p>Some text here</p> 
</div> 

容器將調整你的填充...

+0

我試過了,bute左邊還有一個(可能是2-3pxl)的空間? – user3265764 2014-10-29 14:08:48

+0

要刪除擴孔空間,請使用自定義CSS,如... .space {padding-left:5px;} – 2014-11-04 13:33:14