腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
如果2个div彼此靠近-向右浮动
jquery
、
html
、
css
、
twitter-bootstrap
我对导航栏有意见。我希望导航栏在dekstop看起来像这样:标志在左边的几个按钮(4)在右边。在像这样的小型设备上:徽标在顶部,->在右边,按钮在徽标下面,在右边。当我开始调整窗口大小时,当它到达某一点时,我会将logo浮动设置到右边,但只要有空白空间,它们就不会在彼此的顶部,而是按钮移动到左边,logo移到右边(平板电脑或肖像)。然后调整大小到达小窗口-它们最终堆叠。所以我的问题是,是否有可能使徽标漂浮在右边,然后按钮进入接触,而不是基于媒体查询? 示例: 试着调整大小,看看在设置媒体查询时会发生什么(徽标在右侧跳转,而按钮跳到中间,最后的rezult(小窗口)就是我要找的)。
浏览 0
提问于2014-07-17
得票数 1
2
回答
站点右侧的空白区域和不需要的X滚动
css
、
navbar
、
viewport
我有一个问题,一个不想要的空白,在右边的我的网站和X滚动。在我看来,导航栏导致了问题,因为它延伸到容器之外。通过Google开发者模式,我可以关闭clear:导航栏和空格的参数都将消失,但CSSS的其余部分将被破坏。 视窗宽度设置为设备宽度,初始比例设置为1。有没有人可以帮我解决这个问题? 网站地址为poiskdetei.ru或en.poiskdetei.ru (英文版) 谢谢你!
浏览 3
提问于2015-07-09
得票数 0
1
回答
如何让这个部分可折叠的导航栏在Bootstrap 4上显示我想要的项目?
css
、
twitter-bootstrap
、
bootstrap-4
我正在尝试让Bootstrap 4导航栏只部分折叠。 基本上,我希望一些对齐到右边的项目始终可见,而如果你试图在移动设备上打开网站,左边的大多数导航栏项目都会折叠成菜单。 问题是,当您展开该菜单时,折叠的元素显示在固定菜单之前,正如您所期望的那样,但出于明显的美学原因,我希望它们显示在下面。 工作示例: 扩展时期望的结果: 访问折叠项目时所需的结果: 我一直在尝试元素的配置以及尝试float-right和float-right,但它被证明是无效的,如果不对为我奠定的基础Bootstrap进行重大改变,我不确定如何继续进行。有什么想法吗?
浏览 23
提问于2018-08-11
得票数 0
回答已采纳
3
回答
Bootstrap 3..navbar切换切换状态
twitter-bootstrap
、
mobile
、
twitter-bootstrap-3
、
navbar
我正在使用bootstrap 3.0,并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。 基本上我想问的是,当导航栏菜单打开时,如何在移动设备上显示“按下”状态?
浏览 5
提问于2013-09-21
得票数 1
1
回答
网页宽度与屏幕宽度不匹配
javascript
、
html
、
css
、
mobile
、
web
因此,我的网页在移动设备上无法正确显示。发生的情况是,最小宽度似乎是960px,而在我测试它的iPhone 5上,屏幕宽度是568px,它最终会缩小以使页面适合,但结果一切看起来都太小了,导航栏无法恢复到移动外观。我试过了 $("*").css({"min-width": "568px"}); 作为一个测试,看看它是否可以正确显示,但它仍然是960px,但现在右边有空白,因为它变薄了。请帮帮我!
浏览 2
提问于2014-12-17
得票数 0
2
回答
引导导航栏在像素比率较高的移动设备中不活动
css
、
twitter-bootstrap
、
responsive-design
假设我有两个移动设备。其中一个的像素比例比另一个高。假设像素比率较高的是iPhone。现在问题是,bootstrap导航栏对于像素密度较低的手机是有效的,但对于像素比率较高的iPhone则不起作用。我研究了bootstrap类。在那里,我发现导航栏将在设备像素为max 768px和min 767px时激活。为了在iPhone中激活导航栏,我增加了激活阈值。 我写了一个自定义的css文件,它覆盖了激活阈值,但它对我不起作用,因为有许多引导功能由于相互依赖而不起作用。 为了让它正常工作,我必须手动更改bootstrap类。我将768和767的值改为990或类似的值,在bootstrap中是medi
浏览 8
提问于2017-07-10
得票数 0
回答已采纳
1
回答
如何使链接只在移动设备上显示,而不在桌面上显示?
twitter-bootstrap
、
mobile
、
navbar
假设我有一个标准的bootstrap导航栏,它在手机上崩溃了。目前,桌面导航栏中的所有内容都显示在移动设备上。我怎么才能让“联系我们”只出现在手机上,而不是桌面导航栏上? 谢谢
浏览 14
提问于2018-08-01
得票数 0
1
回答
正在折叠Col-Sm上的Bootstrap Navbar
javascript
、
html
、
css
、
twitter-bootstrap-3
我刚开始使用Bootstrap,在我的网页上我有一个可折叠的导航栏。问题出在我的手机(Galaxy s6)上,它显示了没有将导航栏折叠到按钮中的列。有没有办法让导航栏在col sm上崩溃?或者,有没有一种方法可以知道设备是否是移动的,并以某种方式显示?
浏览 2
提问于2015-08-21
得票数 0
3
回答
如何根据屏幕大小更改背景图像,可能使用Bootstrap
css
、
twitter-bootstrap
、
twitter-bootstrap-3
在CSS中,我的body上有一个background-image:url。问题是,当我转换到移动设备时,屏幕变得纵向。我有一个不同的肖像导向的背景,我希望使用。主要来说,在我的案例中,“以肖像为导向”实际上只是转换为移动设备,而不是ipads/平板电脑。手机的长度和宽度的差异要极端得多,所以我想在这种情况下链接一个不同的url。 Idk如果有任何方法我可以使用Bootstrap的.hide-xs/.sible-xs来实现这一点,那只是我的想法,但如果有人有使用它的解决方案,我将非常乐意听到。这也会有所帮助,因为我使用的是Bootstrap的导航栏,当xs时,导航栏会变成触摸屏导航栏,这意味着&
浏览 0
提问于2015-02-25
得票数 10
回答已采纳
1
回答
Bootstrap两个导航栏折叠
twitter-bootstrap
、
navbar
在bootstrap中,我想让两个导航栏位于彼此的下方。我的想法是: 导航栏1有一个品牌:主菜单。 导航栏2(在navbar1下面)有一个名为: sub menu的品牌。 当用户在他的移动电话上查看网站时,他/她看到两个可折叠的导航栏。用户现在可以选择要打开的导航栏。菜单或子菜单。 我只是复制了bootstrap网站上的标准代码: 奇怪的是。当我把浏览器变小的时候。此时会出现两个折叠的导航栏。“主菜单”和“子菜单”。当我点击main menu后面的按钮时,会出现主菜单。就像它应该的那样。但当我按下子菜单(取消折叠)按钮时。主菜单再次打开。不是子菜单。 我只是在链接中使用了bootstrap网站
浏览 1
提问于2013-12-20
得票数 20
回答已采纳
1
回答
修复了智能手机上使用bootstrap时标题导航阻塞的问题
twitter-bootstrap
、
navigation
、
fixed
、
scalable
我在小型设备(IOS,甚至是iphone5和安卓)上的固定标题导航有问题。 我的网站是一个桌面/平板电脑网站开发的宽度Bootstrap,它必须是可扩展的小型设备,以欣赏导航文本。 当我缩放时,整个网页在小设备上移动得很好,除了标题(我的导航在那里)。我可以在左边看到徽标,但是我不能用我的手指去右边,以便导航到右边。 <div id="main-nav"> <div class="container"> <div class="row"> <div class=
浏览 3
提问于2014-06-18
得票数 0
1
回答
使用Twitter Bootstrap 2.x在移动设备上切换侧边栏
twitter-bootstrap
、
toggle
是否可以通过Bootstrap隐藏移动设备的侧边栏,但让它通过切换按钮访问?切换按钮应该只为移动设备显示,其中默认视图没有侧边栏-类似于响应Bootstrap导航栏的工作方式。请参阅附图。
浏览 3
提问于2013-06-01
得票数 3
回答已采纳
2
回答
带angular 2和bootstrap 4的响应式导航栏
twitter-bootstrap
、
angular
、
responsive-design
我正在尝试建立一个web应用程序与顶部的导航栏与一些选项。然而,当在移动设备上查看网站时,导航栏缩小,并出现一个图标,供用户按下以显示选项。与本网站中显示的行为完全相同 我使用的是angular 2和bootstrap 4。 我试过bootstrap 4的例子,但是它们在angular 2上似乎不能很好地工作(Dropdown不工作)。这就是我发现angular团队实际上一直在开发他们自己的框架来与称为ng-bootstrap的bootstrap集成的时候。然而,这里没有任何关于响应式导航栏的内容。 有没有一种快速简单的方法来构建这样的导航栏,而不是通过检查屏幕大小和改变周围的东西来手动操作?
浏览 4
提问于2017-01-19
得票数 3
1
回答
window 8上缺少mvc 5浏览图标
windows-phone-8
、
asp.net-mvc-5.1
我创建了一个空白的MVC5应用程序-什么也没改变。发布完所有作品后,一切正常--除了我的WP8设备上没有显示“导航图标”。我在WP7设备上看到一个(小字体)完整导航栏。我在galaxy标签页上看到了这个图标。 但在我的WP8设备上(在移动设备和IE的桌面设置下测试),我什么也得不到。如果我切换到横向,我会看到“关于”和“联系”链接,但看不到“注册/登录”。当我回到肖像页面-“关于”和“联系”是可见的,直到我刷新页面。然后他们又消失了。 我测试的设备是Lumia1020 WP8 (8.0.10517.150)德国(768x1280)。我有一些带有结果的截图: 如你所见,右边没有
浏览 2
提问于2014-05-17
得票数 0
1
回答
2导航栏上的导航按钮(bootstrap mobile)
javascript
、
html
、
css
、
twitter-bootstrap-3
如何使用bootstrap 3在导航栏上为移动设计设置2个导航按钮? 在这个例子中,左边的按钮(汉堡包)折叠菜单,右边的按钮(放大镜)执行搜索。 (手机版)
浏览 1
提问于2015-07-16
得票数 1
1
回答
使用Bootstra3.0如何使我的侧边栏列跨度100%在移动设备上?
twitter-bootstrap
、
mobile
、
responsive-design
、
grid-system
因此,我试图为我的响应设计建立一个网格系统,这样在桌面计算机上,我在左边有一个主列,内容和右边栏。不过,我希望侧边栏能够覆盖100%的屏幕,如果是在移动设备上的话。我在这里使用引导站点上的示例显示:页面底部的 --或者如下所示. <div class="row"> <div class="col-12 col-sm-8 col-lg-8">main content</div> <div class="col-6 col-sm-4 col-lg-4">right side bar&
浏览 0
提问于2013-08-13
得票数 0
回答已采纳
2
回答
Bootstrap >隐藏下拉项并基于媒体查询保持最小导航栏
javascript
、
css
、
twitter-bootstrap
、
dhtml
、
media-queries
问题:在移动设备上加载Bootstrap站点时,菜单会因为导航-折叠媒体-查询CSS而消失。我想要的是保持一个最低限度的菜单,没有下拉菜单。这有可能吗? 如果我要添加另一个只具有顶级的导航栏,我如何应用media-query来执行If-Else以根据屏幕大小选择适当的导航栏?
浏览 1
提问于2012-04-26
得票数 0
回答已采纳
1
回答
如何避免在带有凹槽的设备上UICollectionView搜索栏下的空白?
ios
、
swift
、
uicollectionview
、
nslayoutconstraint
我有一个UICollectionView,它的内容在透明导航栏下面滚动。我还有一个UIView,它包含一个UISearchBar,用户可以通过点击导航栏上的一个按钮来切换: 正如上面的图像所示,这对于一个没有缺口的设备来说是很好的。为此,我将内容嵌入顶部设置为searchController.searchBar.frame.size.height,将内容偏移顶部设置为-collectionView.contentInset.top - (navigationController?.navigationBar.frame.size.height ?? 0) - UIApplicatio
浏览 0
提问于2019-02-14
得票数 1
回答已采纳
1
回答
在CSS或JS中检测Kindle Fire
javascript
、
css
、
twitter-bootstrap
、
media-queries
、
kindle-fire
我有一个基于Twitter Bootstrap的网站。每当我在Kindle Fire上移动网站时,本应固定在视窗顶部的导航栏需要一秒钟才能赶上并移动到那里。它看起来很丑陋。导航栏保持固定在所有其他设备上的视窗- ipad,三星s3,台式机。 是否可以通过CSS或javascript检测Kindle Fire,以便我可以修复页面的导航栏,而不是行为不佳的浏览器的视口?
浏览 3
提问于2013-03-19
得票数 4
回答已采纳
0
回答
Bootstrap -将我的导航栏从右向左反转
html
、
navbar
、
bootstrap-4
我试图使一个导航栏,但我需要它从右到左,因为它在希伯来语。 我试着做了一个响应式导航栏,所有链接的按钮都在左边和右边。右边有个牌子。它们在小型设备上崩溃。 嗯,我不能让它反转,我有时也会遇到一个问题,在小型设备上,品牌和折叠按钮在导航栏的中间发生碰撞。
浏览 5
提问于2017-06-07
得票数 0
回答已采纳
1
回答
随着宽度的增加,不断填充twitter-bootstrap导航菜单。
twitter-bootstrap
、
navbar
、
responsive-nav
我使用的是默认的Twitter Bootstrap响应式导航栏(从移动设备开始)。我希望菜单随着导航栏宽度的扩展而不断填充。 我当前的导航(非常适合移动设备) [ menu item 1 | menu item 2 | menu item 3 | all items ] 但是,随着宽度的增加,我想用更多的菜单项填充列表。 [ menu item 1 | menu item 2 | menu item 3 | menu item 4 | all items ]
浏览 0
提问于2016-02-06
得票数 0
1
回答
Xamarin iOS中UINavigation栏中的UIBarButtonItem间距过大
c#
、
ios
、
xamarin.ios
、
uinavigationbar
、
uinavigationitem
任何人都可以帮助我修复过多的导航栏按钮填充在Xamarin iOS。我正在使用默认的UI导航栏,并添加左栏按钮和右栏按钮。当我添加一些右边的栏按钮时,这看起来很奇怪,因为UI栏buttons.Manually之间不需要的填充,我没有为UI栏按钮项目设置任何框架。 leftButtons [0] = customButton; leftButtons [1] = logoButton; rightButtons [0] = networkButton; rightButtons[1] = refreshButton; viewController.updateStatusBar (false,&
浏览 12
提问于2016-08-19
得票数 2
回答已采纳
1
回答
Bootstrap 3/ Knockout强制导航栏在站点的移动版本上崩溃
css
、
knockout.js
、
twitter-bootstrap-3
我使用了Knockout.js,并在我正在工作的网站导航栏的href中添加了一个单击事件。单击事件可以工作,但不幸的副作用之一是,在移动设备上使用导航栏时,导航栏不会自动关闭。 有没有办法在Knockout功能完成后“强制”bootstrap关闭导航栏? --更新-- 我尝试过从ViewModel中的函数以及href元素上的函数声明中返回true。 <a href="#" data-bind="click: function(data, event) { doINeedToLogIn('bookings', data, event); return
浏览 3
提问于2014-01-03
得票数 1
1
回答
移动/触摸时显示导航栏
javascript
、
jquery
、
css
在移动网站上,顶部有一个导航栏。导航栏位置由position :absolute组成: .navbar-fixed-top{position:absolute;right:0;left:0;z-index:1000; 当向下移动时,导航栏应该是不可见的,当向上移动时,导航栏应该再次可见。在网络上有很多例子如何在桌面上做他的滚动,例如: 这个例子在移动设备上不起作用。 谢谢你的帮助。我无法使用Bootstrap。
浏览 0
提问于2015-01-27
得票数 0
2
回答
当我在手机上浏览我的twitter bootstrap站点时,边上添加了一个20px的边框。我怎么才能阻止它?
twitter-bootstrap
当我在手机上浏览我的twitter bootstrap网站时,两边都有20px的间隔。这会阻止任何触及桌面边缘的内容在移动设备上执行此操作。twitter bootstrap主页本身在移动设备上查看时就没有这些间隔。 其他网站说,放置一个正文{padding-left:0;padding-right:0}会有所帮助,但这会造成另一个问题,那就是弄乱导航栏。 有什么线索吗?
浏览 2
提问于2013-01-01
得票数 3
2
回答
使用引导带导航条作为不折叠的固定顶部条
html
、
css
、
twitter-bootstrap
、
mobile
我试着做一件简单的事情:一个顶部的栏(像一个固定的肚脐),在左边有一个品牌名称,在右边有两个图标。我是为移动设备开发的,所以我不希望它改变(默认情况下会折叠,就像导航条一样)。 我对Bootstrap比较陌生,所以我想我做错了什么。 为了防止崩溃,我把所有的东西都放在了navbar-header的div中。我创建了一个<span class="pull-right">来将图标放到右边,但是我无法让它们正确地呈现。 (我怀疑这是否重要,但我使用的是Bootstra3.0.x。) 这就是我目前拥有的:
浏览 3
提问于2014-12-22
得票数 0
回答已采纳
1
回答
Reactstrap -在NavLink上折叠导航栏仅在移动设备上单击
reactjs
、
react-bootstrap
我有一个导航栏,在桌面上是打开的,在移动设备上是折叠的。我可以在手机上点击NavbarToggler来打开导航栏。当我点击移动设备上的NavLink时,我希望导航栏再次折叠。我为Navlink添加了一个onclick()切换功能,它在移动设备上运行良好,但现在桌面上的导航栏将会折叠,并在我单击导航链接时立即再次打开。有没有办法在桌面上始终打开导航栏,并在移动设备上单击NavLink时将其折叠? const [isOpen, setIsOpen] = useState(false); const toggle = () => setIsOpen(!isOpen); <Navbar
浏览 28
提问于2020-09-14
得票数 1
回答已采纳
2
回答
响应Nav条
javascript
、
jquery
、
css
、
html
、
mobile
我该如何创建一个同样适用于移动设备的响应导航条呢? 我需要的是一个锚,当点击会把页面推到右边,并使导航条出现在右边。(有点像facebook手机导航栏的工作方式。) 我能找到的最好的例子是,但是我似乎无法分离那些只使用正确的推送菜单按钮的代码。
浏览 4
提问于2013-08-16
得票数 0
回答已采纳
1
回答
导航栏中的白、右、左边距
css
、
twitter-bootstrap
这个问题一直困扰着我。我使用的是引导框架,每当我在移动设备上查看我的站点时,我在导航栏的右边和左侧都有20 on的边距。 在过去,有些人提出以下建议: .navbar-fixed-top { margin-left: -20px; margin-right: -20px; } 不幸的是,这不起作用。它解决了导航栏边距的问题,但在页面的其余部分创建了问题。 您可以在这里查看此问题的一个示例: 任何见解都是非常感谢的。
浏览 5
提问于2013-07-24
得票数 1
回答已采纳
2
回答
引导子主题移动主导航
navigation
、
theming
我有一个基于Bootstrap的子主题,我现在的导航栏是这样的 📷 我的目标是移动菜单(主页.当页面大于768 it时,当页面大于768 it时,它会出现在标语下面,因为当它变成汉堡按钮并出现在右边时,它是断点。我试着玩css和page.tpl.php,但是没有结果。这是我第一次在Drupal中使用Bootstrap。
浏览 0
提问于2015-03-09
得票数 2
回答已采纳
1
回答
在bootstap-vue中更改类的b-navbar切换
bootstrap-vue
我的bootstrap-vue页面上有一个<b-navbar>。导航栏是透明的,但在移动设备上单击(展开)时,我希望它是实心的。我计划通过使用CSS类将颜色从rgba(0, 0, 0, 0.05)更改为rgba(0, 0, 0, 1)来实现此目的。 我从https://bootstrap-vue.org/docs/components/navbar#comp-ref-b-navbar-toggle-events了解到,当我按下切换按钮时,会触发一个称为“本机单击事件对象”的东西。我已经安装了Vue Devtools,每次我按下导航栏切换按钮时,我都可以看到这个事件被触发。 我的问
浏览 58
提问于2020-09-17
得票数 0
回答已采纳
3
回答
如何在窄视口中使导航栏全宽?
bootstrap-4
、
twitter-bootstrap-4
在移动浏览器上,导航栏居中显示。我希望它像在较大的视口中一样被隔开。所以徽标在左边,菜单图标在右边。我该怎么做呢?有内置的类吗?
浏览 4
提问于2017-04-25
得票数 0
1
回答
路由器视图之外的VueJS子导航组件?
vuejs2
、
vue-router
我有一个使用Bootstrap的站点布局,如下所示(它需要保持这样): <div class='row'> <div class='col-md-2'> <main-nav-component></main-nav-component> <sub-nav-component></sub-nav-component> <!-- Problem Area --> </div> <div class='col-md-10'
浏览 5
提问于2017-08-29
得票数 0
回答已采纳
1
回答
Bootstrap 4折叠导航栏,包含2列
html
、
css
、
twitter-bootstrap
、
bootstrap-4
我希望我折叠的导航栏在2列中显示。我使用bootstrap 4。 完整大小的导航栏如下所示: 而折叠的导航栏如下所示: 有没有人知道一个简单的方法来使折叠的导航栏有2列,这样每个列表项都会显示出来?所以左边是5号,右边是5号。 非常感谢您的帮助。
浏览 2
提问于2018-09-26
得票数 1
1
回答
在Bootstrap中创建可折叠的标题栏(无导航)
html
、
twitter-bootstrap-3
、
titlebar
我创建了一个应用程序,其中搜索功能是最重要的部分。因此,我决定将搜索表单放在标题栏中,以使其在每个页面上都可用。效果很好,只有在移动设备上,我有一个问题,流畅的布局导致搜索字段覆盖了大部分屏幕。 因此,在移动设备上折叠这个标题栏会很棒,就像导航栏一样。不幸的是,我没有让它工作。我试着用导航栏解决这个问题,但根本不起作用(见下文)。 我的另一个想法是创建两个不同的搜索栏,一个折叠的搜索栏和一个隐藏的搜索栏,并使用Bootstrap的.hide-*和.visible-*类。不确定这将如何执行,除此之外,我还没有想出如何在Bootstrap中创建一个非导航标题栏。 <nav class=
浏览 4
提问于2015-12-16
得票数 2
1
回答
如何使用@media覆盖浮动?
html
、
css
所以我希望我的导航栏有3个链接,每个链接都在左边,中间和右边(),所以我决定用一个浮动来定位每个链接。我的问题是,当我的网站在移动设备或平板电脑上浏览时,由于浮动标签的原因,响应菜单不能正确显示。我该如何着手解决这个问题呢?
浏览 3
提问于2015-05-05
得票数 0
1
回答
在iOS上引导下拉导航跳转
ios
、
iphone
、
twitter-bootstrap
、
mobile
、
drop-down-menu
我正在研究。一切看起来都很好,除了在iOS上(大概还有其他移动设备),当你按下汉堡包图标时,Bootstrap导航栏就会跳跃或结巴。我尝试过几种解决方案,但似乎无法解决。有什么建议吗?谢谢!
浏览 2
提问于2015-12-22
得票数 1
回答已采纳
1
回答
Bootstrap v4.0汉堡包项目右侧
bootstrap-4
愚蠢的问题:使用Bootstrap v4.0。我们怎样才能把“汉堡包”放在右边,而不是左边?基本上,我想要的是,相反的方向 另一个例子:我需要的东西就在‘汉堡包’下面,而不是在左边: 我看了,, 每个人都会在常规导航栏中谈论项目。但是,折叠导航栏中的项目又如何呢? *使用Bootstrap 3一切工作正常,我只是找不到如何使用Bootstrap v4.0。 谢谢!
浏览 0
提问于2017-11-11
得票数 8
回答已采纳
1
回答
如何在网站内容上方设置响应式导航栏?
html
、
css
、
navigation
、
responsive
我创建了一个导航栏。当我在移动设备上打开它时,我希望它在网站内容上方有一个透明的背景,而不是将网站内容向下推,这怎么可能使用html,css和js (没有bootstrap)?
浏览 22
提问于2020-12-18
得票数 0
1
回答
如何知道设备是左景观还是右景观?
android
我的应用程序有一个,它的屏幕是全宽度的。它将在导航栏后面,当方向是景观,所以我想增加一些空白。问题是,当我旋转左边的景观(右边的navi栏),我的浮动视图的右边部分在navi栏后面,而当我旋转右边的景观时,左边的部分被覆盖,所以我需要一种正确的方法来知道哪一边要增加更多的边距。 我现在有 switch (getWindowManager().getDefaultDisplay().getRotation()) { case Surface.ROTATION_0: break; case Surface.ROTATION_90: break;
浏览 7
提问于2017-10-11
得票数 3
回答已采纳
3
回答
在Twitter Bootstrap中启动导航栏下方的背景图像
css
、
twitter-bootstrap
、
position
、
background-image
相对CSS/bootstrap菜鸟。 我花了一段时间尝试使用上的第一种方法将背景图像与Twitter Bootstrap集成。我最终使用了"body“作为CSS标签,因为HTML只是...没有起作用。虽然一切正常,但图像是从顶部导航栏“后面”开始的,然后向下延伸,所以顶部隐藏在黑色导航栏后面。 我尝试过使用空白符- top将背景图像的顶部与导航栏的底部对齐,但这也会将容器和所有进一步的内容向下移动(显然,因为我在页面的整个正文上添加了空白符)。 我还尝试为背景图像创建一个唯一的类( background div ),并将div直接放在body标记中,并在html关闭标记之前关闭div,
浏览 0
提问于2012-07-10
得票数 5
回答已采纳
1
回答
如何让导航栏在缩放时消失?
javascript
、
html
、
css
、
mobile
当使用bootstrap 3的自动隐藏顶部导航时,我注意到当用户在移动设备上使用本机缩放时,顶部导航也变得非常大。这导致了相当糟糕的用户体验,其中导航模糊了大部分内容,并最终导致自身崩溃。 我的问题是:如何让导航栏在缩放时消失?
浏览 10
提问于2019-01-06
得票数 2
回答已采纳
1
回答
移动物化流星上的导航栏太小
css
、
meteor
、
materialize
我正在对导航栏使用Materialize。我正在尝试将导航栏折叠成移动设备上的侧边栏,如所示。它确实会折叠成一个侧边菜单,但导航栏在移动设备上太小了,如所示。如何让导航栏变得更窄更高,让它在手机上更好用?我也在Meteor中使用materialize:materialize包,如果相关的话。
浏览 2
提问于2016-06-05
得票数 0
5
回答
状态栏和导航栏在iPhoneX中显示不正确
swift
、
iphone-x
我使用状态栏下面的导航栏设置了“关于”控制器。由于某些原因,我必须将视图的背景颜色设置为与导航栏相同的颜色,否则,状态栏的背景将为白色。这个技巧在其他设备上效果很好,但在iPhoneX的横向视图上就不行了。如下所示: 如果我将View的背景设置为白色,还会有其他问题: 1)状态栏为白色。 2)在横向视图上不扩展导航栏 看起来这是一个问题,因为我在视图中使用导航栏作为故事板结构,如下所示: 但我似乎无法将导航栏移动到与视图相同的级别。有什么想法吗?
浏览 2
提问于2018-03-10
得票数 3
3
回答
Bootstrap 3:如何使用push-pull将左侧边栏拖放到内容下方
html
、
css
、
twitter-bootstrap
、
twitter-bootstrap-3
我使用的是Bootstrap 3,在移动设备上,我想垂直堆叠所有的div(侧边栏和内容),并将左侧边栏放置在移动(xs)设备上的主容器(当前位于左侧边栏的右侧)的下方。HTML,看起来像这样 <div class="container"> <div class="row"> <div class="col-sm-3 col-xs-push-9"> Sidebar</div> <div class="col-sm-9 col-xs-pull-3"> Main
浏览 35
提问于2016-08-03
得票数 1
回答已采纳
1
回答
检测Mobile Safari / Android浏览器导航栏何时通过JavaScript退回
javascript
、
events
、
mobile
、
viewport
我正在尝试创建一个div来填充移动设备上的整个视区的宽度和高度。问题是,Mobile Safari和Android浏览器都有一个导航菜单,一旦用户开始与页面交互,导航菜单就会消失。导航栏使视区高度变小,但是当它消失时,我找不到可以监听的javascript事件,因此我可以获得视区高度和宽度的更新值。 当Mobile Safari的导航菜单从视图中收回时,是否会触发JavaScript事件?我希望有一个我可以监听的事件,而不是每隔x毫秒触发一个计时器来检查视口高度。 这里有一个图表,解释了我所说的“导航栏”的术语。
浏览 2
提问于2013-04-30
得票数 1
2
回答
Bootstrap 0边距
html
、
css
、
twitter-bootstrap
我下载了所有的bootstrap文件,并且没有任何空白(jumbotron,段落文本等)。在示例网站上,文本与导航栏文本的开头水平对齐。 我试着在css文件中添加.body{ course : 10px;},但是没有用,因为它在任何地方都被覆盖了,而且我不知道这是不是最好的做法。我做了一些研究,但我找不到有类似问题的人。 下面是我正在处理的(Chrome13in MacBook Air): [ 这是我一直在努力的目标: 更新: Console是空白的,看起来好像从未应用过左右边距。
浏览 3
提问于2017-08-05
得票数 0
回答已采纳
2
回答
我怎样才能使正文填满整个可用空间,而不仅仅是屏幕?
html
、
css
、
position
、
positioning
我有一个侧边栏,我希望它完全位于身体的右侧,无论屏幕是如何放大的。因此,如果屏幕处于100%缩放,它应该与屏幕的右边界对齐,但随着我放大的越多,它应该随着身体的右边界向右移动而慢慢隐藏。 我如何才能做到这一点呢?就像我现在的代码一样,无论我放大多少,侧边栏都会与屏幕的右边框保持完全对齐。因此,如果我放大然后向右滚动,在侧边栏和正文右边框之间会显示大量的空白区域。 html { width: 100%; height: 100%; } body { width: 100%; height: 100%; } #sidebar { position: relative;
浏览 0
提问于2014-12-18
得票数 0
1
回答
把一些东西放在导航栏(Bootstrap)的最右边
css
、
twitter-bootstrap
我正在使用一个来自Bootstrap ()的导航栏,除了这个导航栏左侧的不同选项卡的链接外,我还想把我的通知图标放在导航栏的最右边。我如何使用CSS来做这件事?我不想使用像素,我宁愿让它与窗口的大小灵活,并到这个导航栏的右边。 谢谢
浏览 0
提问于2013-07-23
得票数 1
回答已采纳
1
回答
如何创建一个固定的侧边栏,在移动设备上折叠成菜单(Boostrap 4)
html
、
bootstrap-4
、
navigation
、
nav
、
sidebar
我已经找遍了,但我找不到我想要做的事情的确切解决方案。我是编程新手,所以这可能是一个简单的解决方案,我只是没有看到。 我想创建一个固定在桌面和平板电脑上的侧边栏导航,但可以折叠成一个汉堡菜单,使用Bootstrap 4固定在移动设备的顶部。我找到的很多例子都使用了现在已经过时的附加属性。其他示例都是可折叠的,但我希望侧边栏在桌面和平板电脑上始终是打开的。我附上了我如何在桌面和移动设备上设计它的照片,以供进一步参考。
浏览 0
提问于2019-02-13
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
好用的前端响应式框架—Bootstrap
python编程:从入门到实践学习笔记-基于Django框架的Web开发-设计样式和部署(一)
从零开始学 Web之移动Web(七)Bootstrap
Bootstrap 是一款简洁,强悍的前端开发框架
底部导航设计的黄金法则
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券