如何中心的按鈕格（引導響應）

HTML如何中心的按鈕格（引導響應）

<div id="panel"> 
    <form method="POST" action=""> 
    <select class="form-control" id="sel1" name="veh_id"> 
     <option>1</option> 
     <option>1</option> 
     <option>1</option> 
    </select> 
    <input type="submit" value="GO" id="submit"> 
    </form> 
</div>

CSS

#panel { 
    position: absolute; 
    left:32%; 
    z-index: 5; 
    background-color: transparent; 
    border: dashed 2px black; 
    overflow: hidden; 
} 
#submit { 
    display: block; 
    float: right; 
    height: 35px; 
    width: 63px; 
    overflow: hidden; 
} 
#sel1 { 
    min-width:425px; 
    width:425px; 
    border: none; 
    float: left; 
    overflow: hidden; 
}

以下DIV panel是大屏幕的中心，但在手機上（小屏幕）全DIV混合起來。我付出了艱辛的努力，但沒有取得成功。

來源

2015-05-19 Gammer

如果您使用的引導，並試圖中心的東西，你不應該推周圍使用左，什麼不可以的元素。這可以使用引導輔助類非常簡單地完成

我不確定這是否符合法案100％，但應該有所幫助。我剝離大多數提供的CSS的利用自舉的，

一列，它是在屏幕上（中心）的50％的東西，如

<div class="col-sm-6 col-sm-push-3"></div>

然後造型按鈕相應。我不確定你爲什麼對包裝有絕對的理解，但如果你需要的話，它仍然可以使用。

也同時使用

display: block; 
float: right;

，這將導致該按鈕被呈現爲一個新行，但你有一個固定的寬度，它會自動進入正確的。

希望這有助於，

http://jsfiddle.net/1rLn0art/

來源

2015-05-19 15:21:18 pj100

工程。但是，如何將地圖放在地圖上並使其透明。 – Gammer

你想透明嗎？只是下拉？你可以添加一個規則到你的CSS選擇{background：transparent;}這將工作。如果你想讓它響應，並且你有一個更大的容器，比如地圖，那麼把引導類添加到那個元素，然後把這個內容包裝到更大的容器中。如果您在地圖容器上使用了「col-sm-12」之類的東西，則可以將這些東西放入內部，並且仍然可以響應。 – pj100

是的，我已經得到了。謝謝 – Gammer

#panel { 
    position: relative; 
    margin: 0 auto; 
    background-color: transparent; 
    border: dashed 2px black; 
    display: block; 
    width:500px; 
} 
#submit { 
    height: 35px; 
    width: 63px; 
} 
#sel1 { 
    min-width:425px; 
    border: none; 
}

將您的CSS更改爲此。你有許多不相關的CSS在這裏。你應該去MDN並找出這些CSS屬性的含義。

要中心一個div，margin: 0 auto;是一個有用的方法。設置div width，使其清除所有浮動。

http://codepen.io/anon/pen/VLjgXR

來源

2015-05-19 15:20:10

如何中心的按鈕格（引導響應）

回答

相關問題