У меня блок кода выглядит так
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>
Теперь я хочу установить ширину класса управления формой 30% только для этого блока, где .form-group > col-sm-10 > form-control. Спасибо
. перед именами классов .form-group > ?col-sm-10 > ?form-control и должно быть так - .form-group > .col-sm-10 > .form-control 14.09.2014 @media (min-width: 768px){.col-sm-10 {width: 83.33333333%;}} (например, 83,33%) для .col-sm-10, и если вы хотите изменить ширину на 30%, вам также необходимо использовать запрос @media. 14.09.2014 Вы можете сделать это следующим образом:
HTML:
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="width = 30%">
</div>
</div>
CSS:
@media (min-width: 768px){
.form-group > .col-sm-10 > .form-control {
width: 30%;
}
}
Вы можете попробовать встроенное кодирование, если хотите установить ширину 30% только для этого блока кода.
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
<input type="password" style="width:30%" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>
