如何從HTML頁面刪除長水平滾動條

我開始使用twitter引導一個項目，但是我有一個問題。有一個長空的滾動條水平。我找不到問題，有誰知道最新的問題？如何從HTML頁面刪除長水平滾動條

感謝

2013-01-25 dextervip

不知WHN引導V3會得到固定的這個BUG。 – STEEL

<style> 
body { 
    overflow-x: hidden !important; 
} 
body > * { 
    max-width: 100% !important; 
} 
</style>

來源

2013-01-25 02:41:39

哦，它現在有效，但爲什麼會發生？我編碼錯誤的HTML/CSS？ – dextervip

採取弓陛下.... _/_ _ – Divyanshu

這將只是隱藏瀏覽器滾動條。 .row元素仍然會超出範圍，並且您在大多數移動設備上都會遇到問題。 –

media="all" 
style.css:[email protected] (min-width: 1200px) 

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container { 
    width: 1270px; 
}

變化

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container { 
    width:auto; 
}

或刪除您的地圖上底部的container類，container用於包裝的內容，不應該被包裝成其他container。容器也將佔滿全部寬度。

在.container之內的任意位置放置一個，它可以設置網站和內容的寬度。

'引導DOC'

退房the templates

來源

2013-01-25 02:41:37

希望這有助於！

1）添加在頭下面，使響應功能

<meta name="viewport" content="width=device-width, initial-scale=1.0">

2）如果你正在使用集裝箱液

適當使用row-fluid和span，如：

<div class="container-fluid"> 
<div class="row-fluid"> 
    <div class="span2"> 
     <!--Sidebar content--> 
    </div> 
    <div class="span10"> 
     <!--Body content--> 
    </div> 
</div>

這裏可能會有一些標記錯誤。

3）忘記將overflow-x隱藏到主體。

body { 
    overflow-x: hidden; 
}

LINK

來源

2013-01-25 05:31:16

如何從HTML頁面刪除長水平滾動條

回答

相關問題