如何格式化引导

-3

我目前正在编辑我的登录页面，并且我发现我的引导程序图标没有对齐，因为用户名。它应该是中心，但现在它在用户名框字段略微上升。如何编辑为中心。如何格式化引导

其次，如何设置如果第一次重新加载到页面，图标不显示，直到我开始键入用户名。

<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>

my login page

来源

2016-03-21 sue

（我目前正在编辑我的登录页面，我发现我的引导程序图标是不对齐作为用户名。它应该是中心，但现在它略微在用户名框字段。如何编辑为中心。）

你可以通过填充顶或填充底部

的（第二，如何设置设置，如果第一次重新加载页面时，图标不显示，直到我开始键入用户名。）

你必须添加JavaScript输入焦点添加CSS不透明度1.和默认添加CSS不透明度0.参考下面的代码。

CSS - .your-container-class .glyphicon { opacity: 0;}

JS - $("#username").focusin(function() { $("#username").siblings(".glyphicon").css("opacity", "1"); });

来源

2016-03-21 06:32:06

您可以使用CSS通过它的使用保证金调整调整元素比对（在这种情况下，图标）：

.your-container-class .glyphicon { 
    margin-top: 15px; 
}

请务必将您的表格，一个div一个类或ID，以避免所有的图形在你的应用程序样式:-)

来源

2016-03-21 03:58:18 amcpanaligan

如何格式化引导

回答

相关问题