Bootstrap CSS MISLINGENTIONS ⇐ Html

[Anonymous]

Итак, я загружен загрузку и получил следующий кусок кода. < /p>









Document:





Revision:





Page nr:





ISO:





< /code>

Вот результат, который я получаю: веб -страница
Теперь, что меня интересует 1. Выравнивание текста внутри форм (по какой -то причине метка расположено выше чем вход) и 2. Огромный правый край, который не исчезает все, что я пытаюсь сделать, и съесть входное пространство. На сеноте также интересно, что создание поля ввода «чтения» делает его постоянно серым.
Вот мой код CSS: < /p>

input.form-control{
width: 80%;
padding: 15px 22px;
margin: 5px 5px;
box-sizing: border-box;
font-size: 14px;
height: 10px;
border:0;
background-color: #FFEBCD;
}
header {
padding-top: 20px;
height: 100px;
font-size: 14px;
}
div.container
{
margin-right: 1px;
margin-left: 100px;
padding-right: 1px;
border-right: 1px;
}
div.form-group
{
margin-right: 1px;
padding-right: 1px;
border-right: 1px;
}
form.form-horizontal
{
margin-right: 1px;
padding-right: 1px;
border-right: 1px;
vertical-align: bottom;
}
div.row
{
margin-right: 1px;
padding-right: 1px;
border-right: 1px;
}
label.control-label
{
width: 100%;
vertical-align: baseline ;
background-color: CadetBlue;
text-align: left;
}
< /code>

Таким образом, ни один из вертикальных или атрибутов выравнивания текста не работает и не настраивает «Правильный маржа» = 1px < /code> к любому элементу, о котором я могу придумать.
Код HTML, который я предоставил, охватывает только первую форму, поскольку весь код будет всего лишь вдвое большим, а проблема, очевидно, одинакова со второй формой.


Подробнее здесь: https://stackoverflow.com/questions/614 ... alignments