腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
如何正确对齐导航栏,而不是全部向右对齐
twitter-bootstrap
、
bootstrap-4
我已经成功地将导航栏项目右对齐,但我真正想要的是将它对齐到整个页面的3/4。 是我试图实现的最终结果的一个很好的例子(请注意,导航栏并不完全是3/4宽的,但它足够接近,因为它不会在最右边结束) 目前,我的代码是 <nav class="navbar navbar-toggleable-md navbar-default bg-default fixed-top"> <ul class="nav navbar-nav navbar-right"> <li>Home</li> <li>FAQ
浏览 26
提问于2019-04-28
得票数 -1
回答已采纳
4
回答
Twitter Bootstrap导航栏-右对齐下拉菜单
html
、
css
、
twitter-bootstrap
我在PHP站点上使用Twitter Bootstrap (v2.1.1)。我在php脚本中动态生成导航栏,因为如果用户登录或退出网站,导航栏将具有不同的内容。 我想将最后一个下拉菜单对齐到屏幕的右侧,但到目前为止还不能。这是一个显示简化版本的jsFiddle: 我希望菜单2下拉菜单右对齐。最后一个下拉列表的代码与其他下拉列表的代码相同: <li class="dropdown pull-right"> <a href="properties.php?type=showall" class="dropdown-toggle" d
浏览 1
提问于2012-09-17
得票数 35
回答已采纳
4
回答
向右引导浮点元素
html
、
css
、
twitter-bootstrap
下面是我的导航栏bootstrap.css文件 @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } 在我的导航栏里有4个元素- 1) Search 2) Help 3) Logout 4) Feedback 我需要向左浮动"
浏览 1
提问于2014-05-28
得票数 0
2
回答
使用Bootstrap在导航中放置搜索栏
html
、
css
、
twitter-bootstrap
我正在使用Bootstrap创建一个网站。我有一个标题,其中包括网站的徽标,然后我想在容器的右侧搜索栏,垂直对齐在标题。然后,我的第二个header让我的链接导航延伸到整个容器。 我在添加搜索栏时遇到了问题,我试图将它添加到一个ul中并向右拉,但它只是位于我的logo和全宽的下方。 下面是bootsnip 我在搜索中使用的标记是 <div class="input-group"> <input type="text" class="form-control" placeholder="Search">
浏览 2
提问于2016-03-02
得票数 0
9
回答
Bootstrap 5导航栏右对齐项目
twitter-bootstrap
、
bootstrap-5
如何将Bootstrap 5导航栏项目向右对齐?在Bootstrap 3中,它是navbar-right。在Bootstrap 4中,它是ml-auto。但不适用于Bootstrap 5。
浏览 2
提问于2020-09-18
得票数 60
1
回答
引导导航栏右对齐,但需要响应以左对齐
twitter-bootstrap
、
menu
、
responsive-design
、
navbar
我使用pull-right将顶部导航栏向右对齐,但当我调整窗口大小并看到响应式菜单时,列表项也是右对齐的,看起来是捆绑在一起的。如何将常规导航栏菜单向右对齐,而将响应菜单项向左对齐? 我的下载中没有bootstrap-responsive.css。仅限bootstrap.css和bootstrap.min.css。 谢谢
浏览 6
提问于2013-04-27
得票数 0
2
回答
在导航栏中对齐元素
css
、
nav
我有一个导航栏,里面有3个li项目。我有第四个项目,我想沿着栏的最左边对齐。当我在导航栏中添加第四个项目作为div时,3个li项目向右倾斜。我正在使用bootstrap来设置导航栏的样式。下面是标记: <nav class="navbar navbar-toggleable-md navbar-inverse"> <ul class="navbar-nav"> <li style="float: left; color: white">
浏览 3
提问于2017-04-13
得票数 0
1
回答
Bootstrap 4侧边导航
html
、
css
、
twitter-bootstrap
、
bootstrap-4
看一下Bootstrap 4文档,可以清楚地看到左侧有一个左对齐的导航栏,该导航栏将其父级的整个高度作为主要内容在中间滚动。我一直在检查元素,试图对其进行反向工程,但尽管我可能会尝试,我似乎无法让我的列达到完整的高度。关于如何使用Bootstrap 4实用程序类实现这一点,您有什么想法吗?
浏览 2
提问于2018-05-18
得票数 0
1
回答
HTML & Bootstrap nav-right不会将元素向右对齐吗?
html
我正在使用Twitter bootstrap处理导航栏/页眉,但我的元素没有向右对齐。这是我尝试过的众多方法中的一个: <div class="nav navbar-right"> <ul class="nav navbar-right"> <form method="post" action="register.php" class="navbar-form navbar-right">
浏览 0
提问于2016-04-18
得票数 0
2
回答
将Bootstrap按钮与导航栏右侧对齐
bootstrap-4
我刚刚开始学习bootstrap,我不知道如何将按钮与导航栏中的右边对齐。 <nav class="navbar navbar-light bg-light"> <button type="button" class="btn container">Login</button> </nav>
浏览 40
提问于2021-10-24
得票数 0
回答已采纳
1
回答
导航栏下拉菜单导致页面宽度扩展
twitter-bootstrap
、
bootstrap-4
Bootstrap 4 beta 2。 我有一个右对齐的导航栏,当我点击下拉菜单时,页面会向右延伸。我做错了什么? <nav class="navbar navbar-expand-lg navbar-light bg-white" id="alertNavBar"> <div class="collapse navbar-collapse justify-content-end "> <ul class="navbar-nav"> <li class="
浏览 0
提问于2017-11-02
得票数 0
1
回答
Twitter Bootstrap导航栏-右对齐控件
html
、
css
、
twitter-bootstrap
我正在使用Twitter Bootstrap (v2.1.1),并尝试定制各种导航栏元素的位置/对齐方式。 这是一个jsFiddle,显示了导航栏的简化版本: 我希望搜索输入表单显示右对齐,但在最后的“下拉下拉2”。我试着改变: <form class="navbar-search pull-left" action=""> 至: <form class="navbar-search pull-right" action=""> 但这使得搜索输入表单成为最后一个导航栏项目,而不是我试图实现的倒数第二个项目
浏览 2
提问于2012-09-17
得票数 2
回答已采纳
3
回答
如何在bootstrap CSS中阻止下拉菜单向右移动
html
、
css
、
bootstrap-4
我目前使用的是bootstrap 4.0。下拉菜单位于屏幕的右上角。当用户单击下拉菜单时,菜单会使页面向右略微扩展,以便在导航栏旁边显示空白。 它看起来是这样的: ? 这是我使用的代码: <div class="dropdown dropdown-left"> <button class="btn btn-secondary dropdown-toggle bg-dark" type="button" id="dropdownMenuButton" data-t
浏览 41
提问于2021-09-13
得票数 1
3
回答
引导导航栏右对齐
html
、
css
、
django
、
navbar
我正在尝试在bootstrap中将导航栏项目向右对齐。 我希望所有的东西都对齐,除了品牌标志。 <div class="logo"> <h1><a href="#"><img src="#" alt="" /></a></h1> </div> <nav class="nav-menu d-none d-lg-block"> <ul> <li class=
浏览 24
提问于2021-04-13
得票数 0
1
回答
如何将导航按钮限制在左侧或右侧?(iOS)
ios
、
user-interface
、
uinavigationbar
我试图对齐导航条按钮,所有的方式,向右和左,因为有一些空间之间的边缘屏幕和按钮。有什么想法吗?如何将按钮的主锚限制在导航栏/屏幕的前缘?
浏览 0
提问于2018-10-17
得票数 1
回答已采纳
1
回答
如何在引导2导航栏中正确设置文本的格式和位置
html
、
css
、
twitter-bootstrap
我需要有人帮我处理Bootstrap 2 如何使“文本”在导航栏中正确定位和格式化? <div id="navbarExample" class="navbar navbar-static"> <div class="navbar-inner"> <div class="container" style="width: auto;"> <a class="brand" href="
浏览 0
提问于2014-04-22
得票数 0
回答已采纳
3
回答
如何让导航栏元素水平对齐
html
、
css
<code>C0</code> <code>C1</code>我正在尝试创建一个基本的导航栏,但是由于某种原因,一旦我添加了更多的元素,它就会垂直对齐,而不是水平对齐。我在bootstrap 3上试了一下,不知道是bootstap css文件有问题,还是我的html有问题。如有任何反馈或建议,我们将不胜感激! <code>A2</code>
浏览 12
提问于2020-07-31
得票数 0
1
回答
如何将CSS应用于特定菜单窗口中的块元素?
css
、
html
、
twitter-bootstrap
下面是我的网站的导航栏: 只要活动菜单选项是Home、About或Contacts,当您在不同的选项之间进行选择时,导航栏就会完全对齐。 然而,当我在Members选项中时,导航栏稍微向左移动了一点。我想将它向右移动几个像素,这样它在导航时就可以完美地对齐。 我将CSS应用于以下块元素: .navigation > li > a { some styling } 这会影响导航期间导航栏的样式。 但是,当选择了Members时,如何将某些边距样式应用于nav栏? 我可以重命名类名,但这样我就需要重复编写代码来重新设置nav栏的样式,以及新添加的边距修正。 有没有办法
浏览 3
提问于2014-07-16
得票数 1
2
回答
列中的引导导航栏-修复了到达页面顶部时的问题?
jquery
、
html
、
css
、
twitter-bootstrap
我对Bootstrap导航栏有个问题。我想在它到达页面顶部(带有路点)时修复它,但我将它包装在“col md-10 col md-offset-1”类中。 当我将position: fit设置为导航栏时,布局变得疯狂-它向右移动,不再适合列。我猜这是由于位置:修复了它的流程,但我似乎没有找到一个好的解决方案来修复它。我试着下潜整个容器的位置:修复,但它不起作用。 另一个问题- Bootstrap导航栏本身包含一个容器,我想知道您是否可以在列中嵌套一个容器。我的直觉是否定的,但我还能用什么其他方法让它像“col 10colmd-offset-1”一样呢?
浏览 5
提问于2014-05-22
得票数 3
2
回答
如何在不影响导航栏高度的情况下在Bootstrap 4导航栏导航项目中创建居中和下方的小文本对齐图标?
html
、
twitter-bootstrap
、
bootstrap-4
使用Bootstrap 4,我有一个包含以下nav-item的导航栏: <form class="form-inline"> <a> <i class="fa fa-gear"></i> Option A</a> </form> 我想添加小文本对齐居中和下方的图标。做这件事最好的方法是什么?(选项A文本应该足够大以便于阅读,但还不够大,需要修改导航栏引导程序类以适应需要) 注意:我希望确保文本和图标都垂直对齐在导航栏的中间,而不增加导航栏的高度,这似乎会影
浏览 17
提问于2018-02-23
得票数 0
回答已采纳
2
回答
Twitter Bootstrap导航栏中的文本
twitter-bootstrap
、
navbar
我正尝试在Twitter Bootstrap中添加文本到顶部固定导航栏,但由于某种原因,文本与链接不在同一行上,wchich使导航栏的高度是应有高度的两倍。 这就是我使用的代码: <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <p class="navbar-text" >You are logged
浏览 1
提问于2012-09-05
得票数 0
回答已采纳
1
回答
更改Bootstrap Navbar容器垂直对齐的位置
css
、
bootstrap-4
试图了解如何更改引导导航栏中容器的默认行为。默认情况下,它垂直对齐导航条包装器中的中心(请参见下面的图像),但我希望它与顶部对齐。 到目前为止,我正在使用Bootstrap在他们的网站上为导航条提供的示例,只做了几处小小的调整。 尝试在.navbar和.container类中添加一个垂直对齐属性,但是它没有改变任何东西。也许这是个灵活的环境?
浏览 0
提问于2018-10-26
得票数 0
回答已采纳
1
回答
在Bootstrap 4导航栏中使用自定义图标作为按钮
twitter-bootstrap
我想在Bootstrap 4导航栏上放置一些自定义图标按钮。我试着用这样的方式放置按钮: <a class="nav-item" href="#"> <img class="png-icon d-inline-block align-middle" src="assets/png-icons/zoom full.png"> </a> 该按钮显示在导航栏上,但它在顶部对齐。我想让它居中对齐(垂直)。我尝试了所有类型的CSS样式,如页边距-顶部和填充-顶部,但它没有改变任何东西。我也试过使用
浏览 18
提问于2017-06-28
得票数 0
回答已采纳
1
回答
删除无序列表和div之间的中断行。
html
、
css
目前,我有一个导航栏,它在一个无序列表中有几个项目,可以左浮动,在一个div中有一个下拉按钮,它可以向右浮动。当前,下拉菜单会移到其他菜单项下面,如下所示: 我不想要这个间距;我希望div与ul中的项对齐。我怎样才能做到这一点? 注意:我不能将div放在ul中,因为ul是由外部数据源填充的。下面是我当前相关的css: .overallContainer { display: inline; } .menuItems { float: left; } .dropdownButton { float: right; } ul { list-style
浏览 1
提问于2018-06-18
得票数 1
回答已采纳
4
回答
如何在不使用浮点数的情况下对齐导航条中的元素?
css
我有一个导航栏,有三个部分: 徽标 搜索栏 组合在一起的两个菜单选项 我希望它看起来像这样,在徽标是左对齐的地方,搜索栏有一个左填充,分组链接在右边: 如果我试着让这个组向右浮动,它们就不会垂直对齐到中间。 <nav> <a class='logo-link' href="#">Example</a> <div class="search"> <form accept-charset="UTF-8" action="/se
浏览 10
提问于2014-04-21
得票数 0
回答已采纳
3
回答
React-Bootstrap中的两个导航栏行
javascript
、
reactjs
、
typescript
、
react-bootstrap
我正在尝试模仿这个导航栏: 📷 在React-Bootstrap中,我正在考虑将两个导航栏放在彼此的顶部,为此,我添加了以下文件: MainNav.tsx import React from 'react'; import { Navbar, Container, Nav } from 'react-bootstrap'; export default function MainNav() { return ( <Navbar expand="md" className="justify-content-ce
浏览 48
提问于2021-10-10
得票数 0
4
回答
Twitter Bootstrap:如何让顶部固定导航栏停留在容器中,而不是伸展?
twitter-bootstrap
我正在使用Twitter Bootstrap和你在指南中看到的常规导航栏: 我不希望导航一直向左或向右伸展,而是停留在我可以看到两边的地方,就像指南中一样。唯一的区别是它将固定在顶部。 我在想,如何让它成为一个固定的导航栏,就像我使用navbar-fixed-top类一样?
浏览 0
提问于2013-06-26
得票数 5
回答已采纳
1
回答
将Initializr模板中的导航按钮与导航栏底部对齐
css
、
html
、
initializr
我正在建立一个基于引导模板的网站。我使用的不是左上角的“项目名称”,而是一张图片。导航链接仍然与页面顶部对齐,但我希望它们位于黑色导航栏的底部: 重现最简单的方法是下载Bootstrap模板,并将导航栏中的“Project name”更改为: <a class="brand" href="#"><img src="apple-touch-icon-114x114-precomposed.png" /></a> 我无论如何都不能让链接与导航栏的底部对齐,除非在bootstrap.css (of .min
浏览 5
提问于2012-10-20
得票数 1
回答已采纳
1
回答
Yii-extension Bootstrap: navbar 'pull-right‘类
yii
、
twitter-bootstrap
、
yii-extensions
我正在尝试将其中一个导航栏文本向右对齐,但我尝试的都不起作用。 我的代码是: <?php $this->widget('bootstrap.widgets.BootNavbar', array( 'fixed'=>true, 'brand'=>'', 'brandUrl'=>'#', 'collapse'=>true, // requires bootstrap-responsive.css 'items'=>array(
浏览 0
提问于2012-08-02
得票数 2
回答已采纳
2
回答
向右浮动,向左调整列表中的项目
html
、
twitter-bootstrap
、
css
我正在尝试创建一个导航,左边是项目名,右边是状态。我想将这两个项目放在同一个列表中,但我的问题是,我不能将状态文本向右浮动,仍然向左调整。 这就是我想要创造的 这是我当前的HTML <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <nav class="col-xs-4"> <p class="list-title">Blu
浏览 0
提问于2017-06-20
得票数 0
回答已采纳
2
回答
引导5: NAV项与右对齐
html
、
css
、
twitter-bootstrap
、
bootstrap-4
、
alignment
如何将导航项移至右侧? 我正在使用引导5和使用导航功能。默认情况下,项目在左边对齐,但我想将它们放在右侧。我已经使用了navbar-right float: right;和ml-auto,即使它是在Bootstrap 4上。 我的代码就是这样的: (注意:只有当我不把它放在<div class="collapse navbar-collapse" id="navbarSupportedContent">里面,但我需要它们在里面的时候,它才会向右移动。)
浏览 9
提问于2022-05-28
得票数 0
回答已采纳
3
回答
通过Bootstrap改变肚脐按钮的位置
javascript
、
html
、
jquery
、
css
、
twitter-bootstrap
我用引导带做了一个导航条。在这里,导航条的切换按钮总是对齐导航条的右侧。我的问题是,为什么它与它的右边是一致的?是什么使切换按钮保持在导航栏的右边。我们也没有用于按钮的ml-auto类,也没有在品牌和按钮之间的元素,该元素具有自动长度。那么,在此按钮上应用了哪个类的属性来使其与导航条正确地对齐? 在从ul标签中移除时,切换按钮仍然对齐导航栏的右侧。 跟我说说财产和负责这件事的班级。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l
浏览 5
提问于2020-12-24
得票数 1
1
回答
ID正在应用于React Bootstrap生成的a元素,而不是包含的div
reactjs
、
bootstrap-4
、
next.js
、
react-bootstrap
所以,之前我对导航栏使用了'ml-auto‘类,我的下拉菜单把自己推到了左边。但是,我不希望当它进入一个小屏幕时,它会一直向左推,导航栏会变成垂直方向。 我尝试为我的NavDropdown提供以下类和ID: className={styles.naviDropdown} id='navigationDropdown' 并对其应用以下样式 .naviDropdown#navigationDropdown { margin-left: auto !important; } @media (max-width: 768px) { .naviDropdown
浏览 9
提问于2021-08-25
得票数 0
1
回答
使某些元素在视图中可见
javascript
、
html
、
css
、
user-interaction
我要用css/js来完成特定的导航任务,现在我正试图找出最好的方法来完成这个任务。 它是这样的(见图): 如您所见,有一些卡片显示信息(红色和绿色)。有箭头向左或向右移动卡片。因此,我想找出以下几点: 1)根据人的浏览器/屏幕大小,我需要决定要显示多少张红牌(最多2-4张)。有人对如何做到这一点有什么建议吗? 2)我需要把剩下的牌藏在右边(几乎看不见)或者是左边。我将如何最好地安排元素(Div)?
浏览 1
提问于2016-02-02
得票数 0
回答已采纳
1
回答
使用css编辑页眉
html
、
css
、
bootstrap-4
我设法编写了标题和导航栏的代码,但是我不知道如何设置元素,例如:联系我。等等。 我想将它们分开,给它们图标,并将文本向右对齐。 (我正在使用bootstrap4)然而,似乎什么都不能工作,甚至在css中也不能工作。 <div class="navbar navbar-top" id="navbar-toolbar"> <div class"container-fluid"> <ul class="navbar-nav"> <li class="nav-item
浏览 0
提问于2018-10-08
得票数 0
1
回答
指向部分标题的引导链接被导航栏隐藏-固定-顶部
twitter-bootstrap
我在使用带bootstrap的章节引用链接时遇到了一些问题。我有一个固定在页面顶部的导航栏,然后在span3中的一些部分导航,因为这里的项目链接到span9中的标签。我用60px填充了正文,使页面内容位于固定导航栏的下方,但当我使用部分链接时,相关链接与页面顶部、导航栏下方对齐-这意味着标题将被隐藏。 我已经看过了,但是这个填充了部分本身,这改变了间距。我想保持页面的间距作为Bootstrap的默认设置。 当我使用部分链接时,如何阻止span9中的内容在导航栏下消失?
浏览 3
提问于2013-01-13
得票数 4
回答已采纳
1
回答
Visual 2017导航栏太长
visual-studio
我有一些有很多参数的方法。看看导航栏给我看了什么。 它使成员向右排列,我看不见名字。有办法左对齐吗?
浏览 0
提问于2018-08-25
得票数 1
回答已采纳
1
回答
出于设计目的,避免在HTML中换行
html
、
twitter-bootstrap
我正在使用Bootstrap和HTML来构建一个网站。有几次我发现自己在换行符。 用于设计目的的代码中。这感觉像是n00by,我想找到一种更好的方法来做这件事。 示例1:我的页面顶部有一个导航栏。我把它包含在每一个新的页面中。当我在页面上输入一些东西时,它不会显示,因为它在导航栏后面,我需要在每一页上为它换3个换行符。 示例2:我有一个带有侧边栏和中心页面的布局。我希望它们都比屏幕尺寸小一点,即使侧边栏中的链接很少,或者中心页面中的内容很少。我觉得有一种比在每一页都包含换行符更好的方法……我也希望它们是对齐的。 因此,请您帮助我了解您通常如何解决这些问题。
浏览 1
提问于2014-06-26
得票数 0
1
回答
对右侧浮动的各种元素进行排序
html
、
css
我有一个标题,导航栏浮动在右边,注销图像也必须漂浮在右边,在导航栏的右边。 即使两者都是向右浮动的,bar也总是占据最后一个位置,这应该是注销图像的位置。 下面是一个有效的示例(以"X“作为注销图像): HTML首先定位导航栏,然后定位注销图像: <nav class="nav"> <ul> ........... </ul> </nav> <div class="logout"></div> 和Style都是向右浮动的(参见jsfiddle的扩展样
浏览 0
提问于2014-03-25
得票数 0
1
回答
如何让twitter bootstrap导航条固定宽度?
css
、
twitter-bootstrap
、
css-float
如何让twitter bootstrap导航栏固定宽度,同时保持居中? 我尝试在.navbar中添加宽度参数,但是导航栏没有对齐。 .navbar { overflow: visible; margin-bottom: 20px; color: #956362; *position: relative; *z-index: 2; width: 650px; } 我也试过了 <div class="span6 offset3"> 但这也让它错位了。
浏览 1
提问于2012-12-09
得票数 2
回答已采纳
2
回答
如何将这些Twitter bootstrap 3导航栏链接居中?
html
、
css
、
centering
、
navbar
、
twitter-bootstrap-3
我想知道如何才能将bootstrap 3的导航栏菜单项居中。我知道它们包含了一个.nav-justified类,但如果一起使用,就会与navbar-nav发生冲突。我相信开发团队正在调查这件事。 所以有没有什么办法可以解决CSS,我可以实现一个导航栏,将保持导航栏菜单项/链接对齐,即使它所在的容器是重新调整大小。 如果你需要,这里有一个给你。
浏览 4
提问于2013-08-12
得票数 11
回答已采纳
2
回答
如何使用柔性盒对导航条进行全对中
css
、
flexbox
、
alignment
仍然是一个相当新手,并希望得到一些指导,因为这一直发生在我的项目。 我创建了一个导航栏,使用显示: flex -我想我已经对齐了所有的东西,但它正在向右移动。 由于以下属性,我预计导航将是对齐的。 .navlist { display: flex; justify-content: center; } .navlist li { padding: 20px; list-style-type: none; text-align: center; } 但我的结果有点离题 我也试过保证金:汽车,但仍然无法弄清楚! 提前感谢
浏览 12
提问于2022-03-22
得票数 0
回答已采纳
2
回答
bootstrap修复了导航栏垂直对齐问题
twitter-bootstrap
、
alignment
我在我的ASP.net项目母版页中添加了一个Bootstrap固定底部导航栏,它有一个徽标和一个版权文本(为了简单起见,我借用了微软的徽标)。我希望它们在一行中,所以我将.navbar-left样式应用于它们的父级,工作,然而,我发现文本是顶部对齐的,我希望它有垂直的居中对齐,如何实现?谢谢。 <div class="navbar navbar-default navbar-fixed-bottom" id="footer"> <ul class="nav navbar-nav navbar-left"> <
浏览 0
提问于2015-01-28
得票数 0
4
回答
Twitter-Bootstrap导航栏高度太小
css
、
twitter-bootstrap
、
navbar
Twitter-Bootstrap中导航栏的默认高度太小。当高度增加时,它会侵占下面的div。如何增加向下滑动整个页面的导航栏的高度?如果可能,如何将导航栏链接放置到导航栏的顶部/底部。
浏览 6
提问于2012-03-29
得票数 8
回答已采纳
3
回答
在我肚脐右边浮动这个菜单图标有问题
html
、
css
我正试图用移动菜单制作一个简单的响应式导航条,但在我的一生中,我无法解决这个问题。这应该很简单,但我对这些东西实在是太不习惯了,所以这不适合我。我正在尝试做一个响应的导航菜单,它有一个菜单图标,与导航栏的右边对齐。我把所有的东西都贴在这里, 显而易见的答案似乎是 .menu-icon-1{ display:block; float:right; } 这不管用。我也不认为这是一个特殊的问题。当我点击inspect元素时,它会应用于图标,但它不会将它向右浮动。
浏览 3
提问于2016-10-16
得票数 1
回答已采纳
6
回答
引导导航栏对齐希望向右对齐
twitter-bootstrap
、
navbar
我正在尝试将导航栏向右对齐。当我使用.pull-right类时,它会将导航栏向右推太多:“脱离网格”。 我做错了什么? 代码: <div class="row"> <div class="span3 top_logo"><img src="images/logo_svart.png" width="177" height="60" alt="BETA Team Performance" /></div> <div class="s
浏览 0
提问于2013-02-28
得票数 17
回答已采纳
3
回答
强制<li>具有其父<ul>的高度
html
、
css
、
alignment
、
vertical-alignment
所以我试着在css中做一个导航栏,但是当我把一个<a>的字体变大的时候,所有其他的字体都被弄乱了,而且没有垂直居中。我使用了inspect元素,我发现带有导航栏-right类的<a>标签的高度和它们的<ul>父标签的高度不一样,因此没有居中。 codepen: 有什么不需要使用bootstrap/javascript的解决方案吗? HTML: <ul class="nav" role="navigation"> <li class="nav-left"><a
浏览 0
提问于2016-11-24
得票数 0
3
回答
Twitter Bootstrap:修复用户滚动经过导航栏顶部时的问题
javascript
、
html
、
twitter-bootstrap
我正在使用Twitter Bootstrap,但当用户滚动经过导航栏时,它会出现问题。 请看我的主页图表,我正在努力。 图表: 代码: 示例: (注意当你向下滚动时,导航栏是如何粘在页面顶部的)
浏览 0
提问于2013-07-17
得票数 1
回答已采纳
1
回答
Bootstrap 5如何在导航栏中正确对齐文本?
html
、
bootstrap-5
我有以下导航栏: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarText"> <ul class="nav nav-tabs"> <li class=&
浏览 19
提问于2021-11-08
得票数 0
回答已采纳
1
回答
使Bootstrap的导航栏始终折叠
css
、
twitter-bootstrap
我正在工作的网站没有使用桌面版的Bootstrap导航栏,而是利用了移动版的响应式导航栏(并隐藏了自定义导航)。导航栏没有实际的链接,甚至在桌面版本中也存在,显示品牌推广和搜索表单。 然而,问题是该网站最终有三种导航类型: 1)自定义导航单元,桌面版使用。2)带有切换按钮的折叠导航栏3)大多数平板电脑上默认的“导航栏中的导航链接”。我想摆脱这个:有太多的链接(不能对网站结构做太多的改变),它看起来很嘈杂。 有没有可能Bootstrap的导航栏总是崩溃?
浏览 1
提问于2013-06-09
得票数 1
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
python编程:从入门到实践学习笔记-基于Django框架的Web开发-设计样式和部署(一)
前端学习自学笔记:day10
好用的前端响应式框架—Bootstrap
基于 Flexbox和CSS Grid 的高效布局
Web开发之旅-不会html、css、js照样写出高大上的前端页面!
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券