居中輸入元素 - 自舉面板

我有幾個問題，應該是一個簡單的任務。居中輸入元素 - 自舉面板

我花了很長時間試圖解決它們，但沒有運氣。

中心在div內的輸入框 - 嘗試這樣做的解決方案，（不工作）：http://jsfiddle.net/pjAHG/27/

input { 
 
    display: block; 
 
    margin: auto; 
 
    max-width: 80%; 
 
}

使背景圖像充滿整個屏幕，只有我的計時器div的底部...如果我使用純色，它填充屏幕儘管：/我已經嘗試了所有的方式，我可以找到onlin e，但沒有運氣。

媒體查詢似乎沒有改變文本/提交按鈕的大小。

如果任何人可以分享一些信息，或幫助解決這些問題，我將不勝感激。

這裏是我的代碼： https://codepen.io/anon/pen/dVNZZO

謝謝:)

來源

2017-09-26 Nezz

試試這個

.input-group{ 
    max-width:80%; 
    margin:0 auto; 
}

和

@media (max-width:768px) { 
.btn-lg{ 
    display:block; 
    max-width:100%; 
    white-space:normal; 
    } 
    .lead-subtitle { 
     color: #dbdbdb; 
     text-decoration: underline; 
     font-size: 1em; 
     display:block; 
    } 
}

這裏是updated pen。

來源

2017-09-26 00:48:02

偉大的工作，工作現在:)那麼簡單修復.. – Nezz

@Nezz我很高興我能幫助..只是紀念這個，就好像它的答案解決你的問題.. –

中心的表單元素，而不是輸入字段，因爲它們是設置爲display: table通過引導反正
這個問題並沒有做出很有道理的，我。我已經添加了一個示例圖像，它填充整個BG，看看
引導程序設置white-space: nowrap爲.btn類;我改寫爲你

https://codepen.io/anon/pen/xXgPjZ

來源

2017-09-26 00:50:33 retrovertigo

偉大的，按鈕現在工作，唯一的事情是，它不縮小規模，但仍然適合我的分區。你知道我怎樣才能使它縮小？歡呼聲 – Nezz

編輯：我修好了，我添加了一個字體大小的媒體查詢。 – Nezz

居中輸入元素 - 自舉面板

回答

相關問題