CSS:在同一行上右对齐导航栏和搜索框/图标

文章/答案/技术大牛

发布

1回答

css、alignment、css-float、right-align

我正在尝试让导航栏和搜索图标(使用CSS3，向外展开以显示搜索输入框)彼此对齐，并显示在容器/ div的右侧。它的左对齐没有问题。正确是问题所在。type="submit" class="search-submit" value="Search" /> <&#

浏览 12提问于2017-08-08得票数 0

回答已采纳

1回答

引导3媒体查询:断点出现在奇数维

html、css、twitter-bootstrap-3、media-queries

在正常情况下，该站点如下所示：如您所见，导航栏的宽度加倍，用户图标移到下一行。当我们进一步缩小大小时，导航栏将保持如下状态，直到1005 we：这种情况一直持续到960：在959 At时，设计再

浏览 2提问于2014-08-10得票数 0

回答已采纳

1回答

停止div转到下一行

html、css、navbar

我希望在导航栏中添加一个搜索域，方法是将所有链接都左对齐，并将搜索表单与右对齐，中间有一个弹性框，如下所示： <a... </form> </

浏览 0提问于2014-01-12得票数 0

2回答

中间的引导导航条可见元素

css、twitter-bootstrap

默认的引导导航栏只有在小屏幕上可见的徽标部分，导航栏的所有正确内容都变成切换按钮。徽标:菜单在右对齐(> 767 In )不过，我希望达到以下目标：徽标:图标1，图标2(右对齐)= Toggl

浏览 9提问于2015-09-13得票数 1

回答已采纳

2回答

没有正确对齐的项

html、css、reactjs、navbar

我正在制作一个使用React的网站，这里我使用html和css。我有一个导航栏和一个搜索栏，但问题是搜索栏改变了导航栏中标题的排列方式，这是代码框- 。请确保增加结果大小，以便您能够正确地看到它。在这里，我希望标题在中间，搜索栏在左边，菜单图标在右边。目前，搜索栏<

浏览 13提问于2022-05-19得票数 -1

回答已采纳

1回答

扩展搜索框覆盖导航栏上的链接

javascript、css、search、z-index

尝试一个Javascript out，这应该是从一个搜索单点图标开始，当你点击它时，搜索框就会在导航栏上展开。这是可行的，但问题是，即使搜索框不在导航栏上，您也不能单击导航栏中的任何链接。可能是因为搜索框还在“那里”，尽管它不是。我认为这是我的css文件中的一些东西，但我尝试了一些修改，但都

浏览 0提问于2015-09-21得票数 1

回答已采纳

2回答

以响应模式将搜索框移动到中心。

html、css、responsive-design、navbar

我使用的引导导航条是来自参考，我正在尝试在移动设备上用户不需要点击菜单图标来搜索页面。因此，试图显示搜索框后，品牌在响应模式。在普通桌面浏览器中，引导程序如下所示：在响应模式下，如下所示：我必须移动搜索框和登录选项，以便在移动设备上显示“品牌之后”中心。我试着玩css把搜索框</

浏览 3提问于2017-04-05得票数 0

回答已采纳

1回答

如何在Xamarin IDE中向导航栏中添加搜索栏

ios、user-interface、xamarin、uinavigationbar

如何在Xamarin IDE中的导航栏中添加搜索栏？我试图在导航栏上有一个搜索图标，当点击该图标时，我希望导航栏变成一个可类型的搜索框。类似于twitter移动应用程序上的搜索栏。我在xamairn中使用iOS。

浏览 5提问于2015-07-10得票数 0

回答已采纳

1回答

Searchbox位于汉堡菜单下，最大宽度为991

html、css、twitter-bootstrap

我已经在粘性导航栏中添加了一个搜索框。当屏幕小于991时，搜索框将显示在汉堡菜单图标下。我怎么才能把它们放在同一条线上呢？

浏览 2提问于2020-06-04得票数 1

回答已采纳

4回答

CSS -如何垂直对齐拆分导航栏(左右浮动图标)和混合块/行内项目

css、user-interface、bootstrap-4

我的目标是使用CSS (纯或使用bootstrap)创建一个拆分导航栏，登录和注册按钮右对齐，其他按钮左对齐。在XL屏幕上，我将登录和注册按钮从内联块更改为块显示，这使得它们各占两行。每一个都由一个令人敬畏的字体、图标和文本组成。通过这个简单的更改，我在垂直对齐其他按钮时遇到了很多问题。块按钮在导航栏中垂直居中，但其他按钮太高。所有基于flexb

浏览 2提问于2020-02-08得票数 0

2回答

如何在html5中增加头部悬停效果？

jquery、html、css、ionic-framework

我是UI或web开发中的新手，.I正在尝试制作简单的页面-- .So --我把页面.And尝试制作成与我的演示应用程序.So相同的东西--我把整个页面分成三个部分--标题、争用和页脚-- .So --我首先为在标题上有选项“产品，入门，文档”等--当悬停事件触发.could时，它们变成白色--请告诉我将如何在我的演示中完成。 <title>Ionic Li

浏览 1提问于2015-04-03得票数 0

回答已采纳

1回答

QToolbar中的搜索框

user-interface、qt、pyqt

有谁知道如何在Qt中做一个好的搜索框(实际上是PyQt)。它应该位于工具栏(QToolbar)中，看起来与普通的QLineEdit略有不同(圆角和一个图标作为前缀)。它应该与其余控件之间的空白右对齐。

浏览 4提问于2009-08-24得票数 3

回答已采纳

2回答

为什么我的搜索栏不对齐？

html、css、twitter-bootstrap

我正在创建一个带有引导的搜索栏，问题是我希望它与导航栏的右侧对齐，而不是停留在左边。以下是问题所在：FYI，搜索文本是重叠的标志，但我们不需要担心。问题是我希望搜索栏在屏幕的右边。顺便说一句，navbar元素是容器的父元素--，而不是行。margin-right: 40px<link rel="stylesheet" href="https:&#

浏览 8提问于2022-02-27得票数 0

回答已采纳

1回答

是否有可能使两个肚脐与一个标志和对齐两条左和右两条？

bootstrap-4、navbar

这是我想要的东西在我的靴子4的肚脐..。 </form></nav> 所以我想得到两个肚脐，显示在图像部分的

浏览 3提问于2019-06-19得票数 0

回答已采纳

1回答

引导显示导航下的搜索栏

jquery、css、html、twitter-bootstrap

当菜单处于折叠状态时，我试图在导航下面显示导航。但是，当我实现1200宽度的折叠时，即使菜单已经折叠，搜索栏也会在右边显示。其次，由于我使用div分隔导航的两个部分，所以当我使用mega菜单样式时，下拉菜单的宽度仅限于col-md-9。我宁愿它一直到最后，也就是整个导航的宽度。

浏览 2提问于2016-10-30得票数 0

回答已采纳

3回答

如何在IntelliJ中移动工具栏？

intellij-idea

如何将IntelliJ中的工具栏从右上角移动到左上角？ 

浏览 0提问于2014-01-17得票数 51

回答已采纳

1回答

搜索框定位是否在小于992px的捕捉点出现错误？

html、twitter-bootstrap、css

我已经把一个标志，一个搜索框和一个语言栏放在外面的一排，并坐在引导导航栏的上方。当然，这一行仍然在主容器中，但它包含了我提到的3个元素-3个元素，我的客户和我认为这3个元素独立于导航栏。我想我可能把事情变得过于复杂了，或者只是在引导css文件中找不到要编辑的正确代码部分。由于这是响应式的，我打算让搜索框和语言栏

浏览 3提问于2015-03-26得票数 0

1回答

两行下拉菜单

html、css、bootstrap-4、navbar

嗨，我在创建一个带有下拉菜单的导航栏时遇到了一些麻烦，我只需要一行中的所有信息，但我的菜单名称和箭头不在同一行上。创建一个CSS元素：.dropdown-toggle::after{display: inline-block;} 我的导航栏是这样的：我尝试了我在Bootstrap网站上找到的大多数下拉/导航栏的例子，但每次

浏览 1提问于2020-04-15得票数 0

2回答

不使用可折叠标头的可折叠搜索按钮

javascript、jquery、html、css、jquery-mobile

使用JQM，我正在尝试实现以下标题设计主按钮和公司倾斜左对齐，搜索和筛选右对齐。当用户单击搜索图标时，我希望下面的搜索栏出现在标题和项列表之间 <label for="search虽然这样做很好，但是如果标记为可折叠的话，很难容纳其他图标，如家

浏览 2提问于2014-07-08得票数 3

回答已采纳

4回答

如何在单击另一个下拉链接时隐藏div？

javascript、jquery、html、twitter-bootstrap

我有一个引导导航菜单，我也添加了一个搜索图标。搜索图标在单击时显示搜索框。在搜索图标中添加一个按钮以显示和隐藏搜索框。现在，当我单击搜索图标时，它是打开状态，显示搜索框，然后单击导航菜单中的任何下拉菜单，下拉菜单显示在搜索

浏览 3提问于2015-04-15得票数 0

回答已采纳

点击加载更多