导航栏中的奇数间距＆＃39;在Bootstrap中

Question

我在我正在创建的网站中使用Bootstrap。

表单显示并且看起来正常，因为我正在使用示例，但如果用户已登录并且“您已登录为...＆＃39;显示间距似乎很奇怪。

如何使其与导航栏另一侧的按钮内联？

$('#form').validator().on('submit', function (e) {
  if !(e.isDefaultPrevented()) {
   $(".modal-body").html("Thanks for posting.");
   setTimeout(function () {
    $('#myModal').modal("hide");
    }, 200);
  }
});

我尝试将 <?php if (!logged_in()) { ?> <form class="navbar-form navbar-right"> <div class="form-group"> <input type="text" placeholder="Email" class="form-control" id="user"> </div> <div class="form-group"> <input type="password" placeholder="Password" class="form-control" id="pass"> </div> <button type="button" class="btn btn-success" id="login">Sign in</button> <button type="button" class="btn btn-primary" id="register">Register</button> </form> <?php } else { ?> <div class="navbar-right"> You are logged in as <strong> <?php echo $_SESSION['user']; ?> </strong> </div> <?php } ?> 添加到元素中，但它没有帮助。

Answer 1

将行高属性添加到.navbar-right类

.navbar-right {
    line-height:42px;
}