将文本添加到导航栏Bootstrap 3.3

时间:2017-06-18 18:42:29

标签: css twitter-bootstrap

我正在尝试将文字添加到jumbotron模板的标题中:

<div id="navbar" class="navbar-collapse collapse">
    <form class="navbar-form navbar-right">
        <div class="form-group">
            <input type="text" placeholder="Email" class="form-control">
        </div>
        <div class="form-group">
            <input type="password" placeholder="Password" class="form-control">
        </div>
        <button type="submit" class="btn btn-success">Sign in</button>
        <p class="navbar-text">Right align-Text</p>
        <button type="submit" class="btn btn-success">Sign up</button>
    </form>
</div><!--/.navbar-collapse -->

但它不是在登录按钮

之后

enter image description here

我是html的新手,你能帮忙吗?

1 个答案:

答案 0 :(得分:0)

在这里,https://jsfiddle.net/wttn6sxs/2/

只需在CSS中添加:

.navbar-text {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
    display: inline-block;
    float: initial;
}

这将解决您的问题。