В настоящее время я редактирую мою страницу входа, и я обнаружил, что мой значок начальной загрузки не совпадает с именем пользователя. Он должен быть центром, но теперь он немного в поле поля имени пользователя. как отредактировать, чтобы быть центром.
Во-вторых, как установить, если в первый раз перезагрузить страницу, значок не отображается, пока я не начну вводить имя пользователя.
<h3 class="form-title">Login to your account</h3>
<div class="alert alert-danger display-hide">
<button class="close" data-close="alert"></button>
</div>
<div class="form-group has-feedback" ng-class="loginForm.username.$valid ? 'has-success' : 'has-error';">
<label class="control-label" for="username">Username</label>
<input type="text" class="form-control" id="username" name="username"
ng-model="input.username" required>
<span class="glyphicon form-control-feedback"
ng-class="loginForm.username.$valid ? 'glyphicon-ok' : 'glyphicon-remove';"></span>
</div>
(в настоящее время я редактирую мою страницу входа в систему, и я обнаружил, что мой значок начальной загрузки не совпадает с именем пользователя. Он должен быть центром, но теперь он немного в поле поля имени пользователя. как отредактировать, чтобы быть центром.)
for (Во-вторых, как установить, если первый раз перезагрузить страницу, значок не отображается до тех пор, пока я не начну вводить имя пользователя.)
CSS - .your-container-class.glyphicon { opacity: 0;}
JS - $("#username").focusin(function() { $("#username").siblings(".glyphicon").css( "opacity", "1" ); });
Вы можете использовать css для настройки выравнивания элементов (в данном случае значков) путем изменения его поля, используя:
.your-container-class .glyphicon {
margin-top: 15px;
}
Не забудьте обернуть свою форму в div с классом или идентификатором, чтобы избежать использования всего глификона в вашем приложении :-)