如何让侧边栏移动响应bootstrap？

文章/答案/技术大牛

发布

1回答

使用Twitter Bootstrap 2.x在移动设备上切换侧边栏

twitter-bootstrap、toggle

是否可以通过Bootstrap隐藏移动设备的侧边栏，但让它通过切换按钮访问？切换按钮应该只为移动设备显示，其中默认视图没有侧边栏-类似于响应Bootstrap导航栏的工作方式。请参阅附图。

浏览 3提问于2013-06-01得票数 3

回答已采纳

2回答

html、css

我用bootstrap创建了这个侧边栏，我只需要它是移动响应的。我该怎么做呢？

浏览 9提问于2020-08-10得票数 0

2回答

Bootstrap网站边栏中响应式Adsense单元的实现

asynchronous、ads、adsense

如何在Bootstrap响应式网站侧边栏中使用响应式广告单元(异步广告代码)？当移动设备打开时，我们网站的侧边栏将会丢失，并使用@media和use display:none，这是不允许与Adsense一起使用的。如何在不违反Adsense规则的Bootstrap响应式侧边栏中使用Adsense？谢谢你的帮助。

浏览 1提问于2013-11-15得票数 3

1回答

它配备了一个标准的导航菜单和移动选项，当屏幕小于726px时，它就会改变。然而，我正在尝试让移动视图一直是默认视图(即我想要一个带有按钮的水平条，无论屏幕宽度如何，它都可以展开和折叠菜单)。但我无论如何也想不出该怎么做。 CSS，尤其是bootstrap是我最薄弱的地方。请任何人可以帮助解释为什么按钮只会出现时，屏幕小于726px，让我知道。我确实知道@media是如何工作的，但在ts或css中似乎没有任何东西告诉我这是将按钮从隐藏变为可见。我已经删

浏览 16提问于2020-06-03得票数 0

回答已采纳

2回答

移动设备上的白色差距

wordpress、mobile

我正在为我的一个客户设计一个Wordpress网站，但我在移动设备上看到一个奇怪的白色间隙。该网站为：非常感谢

浏览 0提问于2014-05-05得票数 0

1回答

Vue.js屏幕尺寸响应性

javascript、vue.js、responsive-design

我给我的组件留出了空白，因为我的侧边栏也阻塞了“角色”和桌子。当屏幕小于992时，如何将我的桌子向右移动？我希望它能够响应所有屏幕大小，我正在使用Bootstrap。

浏览 1提问于2021-12-28得票数 1

回答已采纳

4回答

具有内容包装侧边栏的响应式布局

html、css、responsive-design

寻找一个响应式的布局，只使用CSS，可以像图像一样的行为。该网站有5个基本区域。页眉、左侧导航、内容、侧边栏和页脚。到目前为止，除了内容/侧边栏关系之外，我已经完成了所有的工作。对于桌面站点，绿色的侧边栏漂浮在内容区域内的右侧，当侧边栏结束时，内容会围绕在它周围。在移动网站上，侧边栏移动到内容下方。我遇到的问题正在让这件事发生。我可以<

浏览 0提问于2013-12-25得票数 2

4回答

具有fluid布局的Bootstrap附加插件

twitter-bootstrap、fluid-layout

如果我想在fluid布局中使用侧边栏的附加插件，但侧边栏的宽度总是在附加时发生变化，响应式设计也不起作用。在Bootstrap文档中，附加插件没有与fluid布局一起使用。有谁知道怎么让它工作吗？

浏览 0提问于2012-09-22得票数 17

回答已采纳

1回答

如何使侧边栏具有响应性？

css、reactjs

我在这段代码中有两个问题第二个是侧边栏没有响应(移动优先的方法) 有谁能帮帮我吗？

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

3回答

Bootstrap 3:如何使用push-pull将左侧边栏拖放到内容下方

html、css、twitter-bootstrap、twitter-bootstrap-3

我使用的是Bootstrap 3，在移动设备上，我想垂直堆叠所有的div(侧边栏和内容)，并将左侧边栏放置在移动(xs)设备上的主容器(当前位于左侧边栏的右侧)的下方。col-xs-push-9"> Sidebar</div> <div class="col-sm-9 col-xs-pull-3"> Main Container</div>

浏览 35提问于2016-08-03得票数 1

回答已采纳

2回答

带jQuery和引导带3的可折叠响应侧栏菜单

html、jquery、twitter-bootstrap、twitter-bootstrap-3

我有两个问题：我在做可折叠的边栏菜单。我尝试使用Bootstrap文档中的collapse，但无法使用以下代码： $(this).closest('div').find('.collapse

浏览 2提问于2013-09-06得票数 5

回答已采纳

1回答

Boostrap 5浮动列在主内容上方和下方拆分侧边栏

twitter-bootstrap、bootstrap-5

我还没有在Bootstrap 5中找到这样做的方法(之前的stackoverflow答案似乎都是针对较旧的引导程序版本的)。我试着把我的主要内容放在左边，边栏放在右边。右边的侧边栏包含两个部分，在响应式移动视图中，这两个部分应该移动到主要内容的上方和下方： ? 查看Bootstrap 5文档，您应该能够将左侧列浮动到左侧，将右侧列浮动到右侧，如下所示： <div class="row"> <div

浏览 15提问于2021-04-19得票数 1

回答已采纳

3回答

Bootstrap边栏菜单和边栏导航

javascript、css、html、twitter-bootstrap、twitter-bootstrap-3

我正在使用bootstrap，碰巧我想创建一个响应式的网站，这就是为什么我要使用bootstrap。有谁能帮我一下吗？

浏览 1提问于2014-05-15得票数 3

回答已采纳

1回答

如何让Bootstrap范围以不同的顺序回流？

twitter-bootstrap、responsive-design

在桌面模式下，Bootstrap跨度是否可以按照左侧侧边栏、主要内容、右侧侧边栏和移动模式中的主要内容、左侧侧边栏、右侧侧边栏的顺序排列？这是一个jsfiddle。我首先列出了主要的内容跨度，所以它在移动模式下会出现在顶部，但我不能让它在桌面模式下出现在两个侧边栏的中间。

浏览 0提问于2013-06-27得票数 0

回答已采纳

1回答

响应式布局中的全高侧边栏

html、css、layout、responsive-design、sidebar

我正在尝试创建一个响应式布局与完整高度的侧边栏。在桌面上，侧边栏应该漂浮在主要内容的左侧，而在平板电脑/移动设备上，侧边栏应该与主要内容重叠(当激活时)。我已经设法让这个布局在桌面上工作得很好，虽然我使用了主要内容的背景色，让它看起来像是侧边栏是全高的，这并不理想，但似乎不能围绕如何让它在平板电脑/移动设备上

浏览 0提问于2016-09-06得票数 1

3回答

当用户执行“滚动”、“触摸”或“单击”事件时，如何关闭移动视图中的侧栏

javascript、jquery、html、ajax、web-applications

我正在努力开发一个网站，其中包含一个侧边栏，肚脐和身体面板。这是一个响应性的网站。在移动视图中，当用户单击汉堡包图标时，侧边栏将打开，因此我希望在用户对侧栏以外的元素执行任何"Touch“事件(即在body面板上)时关闭它。youtube.com，打开侧边栏，在身体上执行活动，如触摸或滑动。自动侧边栏将关闭。(我想这样做) 打开stackoverflow.com's侧边<

浏览 0提问于2019-07-06得票数 2

回答已采纳

1回答

如何在切换时使侧边栏显示列表图标？我正在使用bootstrap* 4*

html、bootstrap-4

我有一个简单的bootstrap 4导航栏，还有一个侧边栏，当我切换它时，整个侧边栏都隐藏了，有没有办法让它只显示侧边栏列表的图标？

浏览 11提问于2019-09-22得票数 1

3回答

仅使用bootstrap在移动屏幕上折叠div/element。示例图片

twitter-bootstrap、responsive-design、collapse

是否可以使用bootstrap来折叠侧边栏div --仅在手机上？我该如何着手做一些像图像中的例子一样的事情？因此，在手机上，侧边栏会折叠，当点击时，侧边栏会展开。

浏览 2提问于2013-01-18得票数 6

1回答

移动物化流星上的导航栏太小

css、meteor、materialize

我正在对导航栏使用Materialize。我正在尝试将导航栏折叠成移动设备上的侧边栏，如所示。它确实会折叠成一个侧边菜单，但导航栏在移动设备上太小了，如所示。如何让导航栏变得更窄更高，让它在手机上更好用？我也在Meteor中使用materialize:materialize包，如果相关的话。

浏览 2提问于2016-06-05得票数 0

1回答

我们可以根据屏幕大小将这个侧边栏移动到不同的位置吗？

css、wordpress、sidebar

我们在移动页面上遇到了一个特殊的侧边栏的主要问题。已经接触到管理侧边栏的插件(LearnPress)的开发人员，但是大约一个星期没有响应。我在几个div中使用了不同的显示参数，但都没有效果。此问题出现在在线课程的首页，这实际上使使整个课程无法用于移动用户。在桌面上(768+ px宽度)，侧边栏粘在其正常位置，内容的右侧。效果很好。：:) 当屏幕宽度小于768 to时，侧边栏</em

浏览 11提问于2021-12-30得票数 -3

点击加载更多

使用Twitter Bootstrap 2.x在移动设备上切换侧边栏