Question

是角度和自举的新手。我正在阅读和播放我在网上找到的一些示例项目

我正在尝试创建索引页面，其中导航栏跨越页面宽度，然后是搜索框，类似于谷歌

我的代码是

<div ng-view="" class="ng-scope">
    <nav class="navbar navbar-primary ng-scope" role="navigation">
        <div class="container">
            <div class="navbar-header">

                <a class="navbar-brand" href="#">HELLO WORLD</a>
            </div>

        </div>
    </nav>


    <div class="search ng-scope">
        <input class="typeahead search-field" type="text" placeholder="Search" autofocus="">
    </div>


</div>

我得到的是导航栏和导航栏正下方的搜索框，没有任何间隙。

如何维护导航栏并将搜索控件放在页面的一半处？

我的css enter image description here

Answer 1

如果你希望它在窗口中居中，你会想要用CSS做一些事情，在顶部放置填充或边距。

您可以将所有内容包装在div中，并为其提供类似于以下样式的类：

https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/

导航栏和控件对齐角度+ BS3

1 个答案: