如何在bootstrap 4上进行响应式布局

文章/答案/技术大牛

发布

2回答

像bootstrap一样在Flutter中构建布局

flutter、dart、flutter-layout

如何在Flutter中构建响应式布局，如bootstrap或angular flex布局？Angular Flex布局：

浏览 3提问于2019-07-05得票数 2

1回答

javascript、html、css、bootstrap-4

> <title>Bootstrap/bootstrap/4.5.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https:/

浏览 20提问于2020-09-13得票数 0

4回答

Bootstrap:将Google Map与固定和响应式布局一起使用

twitter-bootstrap

我正在尝试将Google Map放在Boostrap布局中，在传统网页上使用固定宽度，在移动设备上查看时使用响应式布局。我已经阅读了Google Maps是如何在Bootstrap布局和可用的修复程序方面造成问题的。label { width: auto; display:inline; }这适用于固定布局

浏览 6提问于2012-06-20得票数 3

3回答

Web应用程序-为智能手机和台式机提供服务

jquery、asp.net、css、smartphone

我正在设计一个简单的网上商店应用程序。因此，我想知道是否有一些实用的东西可以在一个UI中同时满足这两个需求，例如，如果我对设计很有判断力，那么是否有Jquery插件/其他选项来实现一刀切的解决方案。

浏览 3提问于2012-10-25得票数 1

回答已采纳

2回答

响应式引导轮播项目中的多个列

jquery、html、css、twitter-bootstrap、carousel

我想知道如何在每个项目中使用多列的bootstrap carousel实现响应式布局。在移动设备上，我需要所有的列来滑动，但每个项目只能有一个列。

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

回答已采纳

1回答

如何在wordpress移动主题中创建固定标题和移动菜单

mobile、menu、header、fixed

我想在wordpress的移动主题中制作一个固定的标题和移动菜单，比如下面的例子。怎么做？？thx

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

2回答

Bootstrap 4:超小屏幕上的响应式布局

css、twitter-bootstrap

我以这样的方式实现了一个容器，在超小的屏幕上，他们应该分配宽度。btntrash"></span> </div>它在大多数屏幕上看起来都没问题但在s5上，它看起来有点扭曲。我正在使用bootstrap和class=“on xs-X”来拆分小屏幕上

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

2回答

仅在特定分辨率下启动jQuery

jquery、resolution

我已经做了一个响应式的网站与移动菜单，只出现在最小的版本。然后我使用切换来显示/隐藏菜单容器。

浏览 0提问于2014-02-07得票数 0

1回答

如何在Bootstrap 4中左栏固定和右栏滚动，响应？

twitter-bootstrap、sticky、bootstrap-4、twitter-bootstrap-4

我正在使用Angular 4，Bootstrap 4，并试图实现一个固定的可滚动的右div和一个固定的左div。它应该非常类似于所拥有的。Bootstrap在版本4中删除了附加的jQuery插件，所以这个方法不再有效，他们建议使用position: sticky，但我不能让它工作。请帮帮我！

浏览 3提问于2017-05-20得票数 9

回答已采纳

8回答

Bootstrap，对布局进行响应式更改

css、twitter-bootstrap、less、responsive-design

我在我的设计中使用了一个流畅的Twitter Bootstrap布局，并准备让它响应式的。考虑这样的栅格： <div class="span4"></div></div> 什么是隐藏span4并让span

浏览 3提问于2012-06-15得票数 13

回答已采纳

4回答

广告响应: availableWidth=0没有插槽大小

twitter-bootstrap、responsive-design、adsense

如何在响应式网站布局中使用google adsense响应式区块？让我们考虑这个简单的例子(用bootstrap编写)： <div class="row"> <div class="col-sm-4 col-md，而小屏幕只有2列布局。理想情况下，如果窗口大小发生变化，我希望重新初始化adsens

浏览 0提问于2016-10-18得票数 5

2回答

如何创建并响应此布局？

html、css、twitter-bootstrap、responsive

我是web开发的新手，我正在尝试制作一个静态响应式网站。到目前为止，我可以做一个响应式导航栏，但我被困在如何做这个布局上。 ? 这个在移动设备上的布局应该是这样的： ? 到目前为止，我在bootstrap网站上找到了这段代码，它根据浏览器的宽度调整图像的大小。但是，我不知道如何在"image“附近添加文本。有人能帮我做这个布局吗？

浏览 20提问于2021-02-25得票数 -1

回答已采纳

3回答

如何使HTML页面在所有显示器上都显示相同？

html、css

我遇到的一个问题是，网页在所有屏幕上的显示方式都不同，我想知道它在css中是否存在某种标记或方式，以使其在所有屏幕上自动调整。

浏览 3提问于2016-02-09得票数 0

1回答

响应式布局和限制/陷阱内容

css、html

我正在尝试弄清楚如何在CSS的帮助下管理以下内容。正如你在上面的例子中看到的，红色的方框“打破”了网站的边框，而不是响应式的布局，你现在有了一个混乱的布局。基本上，红色框的宽度是固定的，即使站点的其余部分响应并打破了整个情况，红色框也不会改变。

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

1回答

如何使用Bootstrap制作带值的Slider？

jquery、twitter-bootstrap、slider

如何使用Bootstrap制作带值的Slider？或者在最坏的情况下使用jQuery，但最可取的是Twitter Bootstrap。<div id="slider"></div> change: function() { var

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

2回答

通过lie @media查询实现无响应引导

javascript、html、css、twitter-bootstrap

我使用Bootstrap 3开发了一个复杂的响应式网页布局。该布局很好地显示了布局和在不同屏幕尺寸上的预期显示。但是，有没有可能我可以在某些情况下禁用响应式，以便我设置特定的布局显示，例如xs，那么无论是什么屏幕，它都会显示xs layout？

浏览 4提问于2015-06-20得票数 0

2回答

使现有web应用程序具有响应能力

css、responsive

应用程序的所有页面都没有统一的布局，很少是列表页面，很少是表单页面，很少有其他页面是带有图形的小部件。有没有人能帮我在不做太多改动的情况下让这个web应用程序响应。我需要一个快速入门的技巧/第三方工具或指导文档来优化CSS并使weUI响应。

浏览 0提问于2016-11-16得票数 0

2回答

如何在移动方向更改时重置Disqus宽度

html、css、mobile、twitter-bootstrap、disqus

我有一个html页面，我正在使用twitter bootstrap进行响应式布局，我还使用Disqus进行评论。当我最初加载页面时，从我的手机(iPhone 5)，一切都加载正常，Disqus在它的容器中大小(基本上是整个屏幕的宽度)。当我将手机旋转到横向和反向时，响应式设计没有问题，它的大小和行为完全符合我的要求。问题是，在初始页面加载后，Disqus iframe在我的手机上没有调整大小。

浏览 0提问于2013-04-24得票数 6

回答已采纳

5回答

Twitter Bootstrap 2:如何让响应式设计将侧边栏放在底部而不是顶部？

twitter-bootstrap

终于添加了原生响应式设计。但是，默认情况下，当浏览器宽度低于最小宽度时，它会将侧边栏放在顶部。我可以看到这将如何在许多网站上工作，但我实际上希望在底部的小宽度布局的侧边栏。我是Twitter Bootstrap的新手，试图弄清楚bootstrap-response.css中CSS的哪一部分，但我在@media (max-width: 480px)部分没有看到任何东西。我看过的Bootstrap文档，其中并没有太多细节。会喜欢一些指点的。

浏览 4提问于2012-02-12得票数 15

回答已采纳

2回答