在容器中引导4个导航栏项目,其中一项在容器外右对齐

时间:2019-02-10 21:23:21

标签: css twitter-bootstrap bootstrap-4

我有一个Bootstrap 4导航栏,其中的导航链接周围包裹着<div class="container">,因此导航的位置与页面上的内容完全相同(也位于容器中)

我现在要在容器的外部外部添加一个搜索输入,该搜索输入应与右侧对齐(仅在XL屏幕上可见,否则隐藏)

我知道如何对齐,可以在容器内对齐,但是在容器外创建另一个<ul class="navbar-nav">实际上会使所有事情搞砸了,所以我不确定在如何同时对齐的情况下导航栏中的一个容器。

据我所知,事实是container的边距为auto,并且即使容器使用{{ 1}}

这是一个小问题:https://www.bootply.com/T9Ks167fW7

1 个答案:

答案 0 :(得分:0)

就目前而言,我使用了一种技巧来使内联表单使用extension ItemsVC: UISearchResultsUpdating { func updateSearchResults(for searchController: UISearchController) { if isFiltering() { let predicate = NSPredicate(format: "name CONTAINS[cd] %@ AND NONE owners.name == %@", searchController.searchBar.text!, (category?.name)!) items = realm.objects(Item.self).filter(predicate).sorted(byKeyPath: "name", ascending: true) tableView.reloadData() } } } ,这样就不会干扰position: absolute的边距,因此一切看起来都不错:

container