如何使用bootstrap网格布局在较小的显示器上移动右列？

文章/答案/技术大牛

发布

1回答

twitter-bootstrap、css、grid

使用bootstrap v4.0.0a6 我有两列。在较小的显示器上，右列col-md-4位于较大列的下方。在较大的显示器上，我希望较小的列在右侧，但在较小的显示器上，

浏览 21提问于2017-07-21得票数 2

回答已采纳

6回答

引导3只在小屏幕上更改div顺序

css、twitter-bootstrap、sorting、mobile

做我的第一反应设计，是这样的事情可能在引导3。改变这个。至基本上将顺序从大屏幕上的3列布局更改为向左移动徽标，并将其他两列仅堆栈在较小的屏幕上。我想使用Bootstrap类(col-xs-6-col-md-4等)来实现它。如果可能的话，也不必以某种方式复制内容。我喜欢bootstrap3为大屏幕提供的

浏览 7提问于2013-12-19得票数 22

回答已采纳

1回答

使用ConstraintLayout进行响应性视图

android、user-interface、android-constraintlayout、constraint-layout-chains

我想使用约束布局来设计一个在较小的显示器中自动包装的布局，不需要使用后面的代码，请参阅附带的示例图像：它类似于web网格系统，比如Bootstrap或Flex

浏览 1提问于2017-09-23得票数 1

3回答

如何在Bootstrap中实现响应式的独立滚动窗格？

html、css、twitter-bootstrap、responsive-design、twitter-bootstrap-3

我正在开发一个web应用程序，我希望在较大的屏幕上有两个独立的可滚动区域:左边是主内容区域，右边是较小的侧边栏。我已经设法使用absolute定位和overflow属性在CSS中实现了这样的布局，请参阅这个JSFiddle：基本上，理

浏览 3提问于2014-03-31得票数 15

回答已采纳

1回答

使用semanti react仅在一个网格列中滚动

css、reactjs、sass、semantic-ui、semantic-ui-react

在中，我有一个两列网格，我只想让右列可滚动。这意味着左边的栏/菜单不应该因为在浏览器上滚动而离开屏幕。通过给左栏position: fixed和右栏marginLeft:somePixels，它以某种方式工作，但如果内容堆叠在较小的分辨率上，布局就会被破坏。如何使用语义css类或自定义样式来实现这一点

浏览 2提问于2021-03-01得票数 2

2回答

CSS移除浮动元素上方的空白。

javascript、html、css、flexbox

</div> BOX 7 (small)</div>其他考虑事项：只要IE11、Chro

浏览 3提问于2018-04-23得票数 3

回答已采纳

2回答

引导v3:为移动和桌面视图端口创建两个不同的“行”

twitter-bootstrap、twitter-bootstrap-3

我的团队正在执行一些新的工作，并且正在采用引导css框架。</div> ... code for mobile这种“感觉”是错误的</

浏览 2提问于2016-04-07得票数 0

回答已采纳

2回答

引导列跨越不像我所期望的那样工作。我找不到一个按钮来跨越整个宽度

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

第二，一个带有标签和文本框的8。然后在第二排上有一个12跨，并有一个按钮横跨整个物体。我已经包括了一个图像，我希望它的外观和我正在使用的代码。

浏览 13提问于2021-12-24得票数 0

1回答

如何使用panels_bootstrap_layouts？

panels

我与板子_引导_布局一起使用引导主题。引导布局选项确实会显示出来，并且我可以成功地将我的内容(2个视图)添加到我的面板中，包括引导布局(2列堆叠)：左列中有一个视图，右边列中有一个视图。我的问题是，当我保存和查看页面时，视图会显示在顶部和底部，但不会像浏览器在全屏大小时那样向左和向右显示。主题似乎被正确地告知了视口大小，因为当我将浏览器窗口调整到更小的宽度时，主菜

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

回答已采纳

3回答

响应时列的更改-引导带4

html、css、bootstrap-4

我想问一下，如何在桌面模式下从<div>中生成一个class="col-6"，并在移动视图中使其成为全列col-12？不过，我还是第一次试着做这样的事情： <div class="row"> </div> <

浏览 6提问于2018-01-05得票数 1

回答已采纳

1回答

WPF 2列布局容器

c#、wpf、wrappanel、uniformgrid

如何创建布局容器，该容器可以用作ItemsControl的ItemsControl，它将项堆栈在两列中，并对左侧列中没有足够空间的其余项使用右列(类似于混合包装面板的统一网格)。例如：四个项目，其中两个有显着较小的宽度将显示如下：

浏览 1提问于2014-08-17得票数 1

回答已采纳

1回答

将引导网格嵌套在页面上的较小元素中是一种好的做法吗

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

我只使用bootstrap响应式网格系统，因为我只需要从整个框架。但例如，我有一个div，它应该在左侧包含图像，在右侧包含一些文本。我可以将引导网格放在div中以获得所需的布局，因为这只有两列。这是bootstrap grid应该使用的方式，还是这是一种糟糕的做法，我

浏览 0提问于2014-04-14得票数 1

1回答

切换不同屏幕宽度的移动样式表

javascript、jquery、css、mobile

有没有人能推荐针对不同手机屏幕大小的最好方法？感谢收到的任何建议！谢谢，保罗

浏览 1提问于2011-08-11得票数 1

8回答

带背景颜色的引导侧边栏

css、twitter-bootstrap、twitter-bootstrap-3、background-color

我有一个使用bootstrap的简单布局，它给了我两列-一列左，一列右。使用Bootstrap的12列网格格式-左列应该是8宽，右列应该是4宽，如下所示。如何将容器添加到行中，使所有内容居中，并为右列提供一直延伸到浏览器边缘的背景色。因此，

浏览 4提问于2014-08-29得票数 10

1回答

引导3:带有响应列的固定列

jquery、html、css、responsive-design、twitter-bootstrap-3

我正在使用Bootstrap 3为我的网站做响应的布局设计。如何具有响应性右列的左列的固定宽度？这意味着，当桌面级别上的大小发生变化时，只有右边的列才会更改宽度。当然，当它变成移动屏幕视图时，左列将变成顶部，右列将位于底部。我试过把固定的宽度加到左边<em

浏览 1提问于2013-10-19得票数 0

回答已采纳

1回答

自举响应式移动布局重新排序

javascript、html、css、twitter-bootstrap

我正在使用Bootstrap创建一个响应网站，在一个两列网格中有很多可变高度的内容。目前，在功能上一切都很好，但我想去掉一行中两项高度不同时出现的行间难看的空白。我可以很容易地做到这一点，只要在每个span6除法和独立行，但问题是，引导的网格堆叠的小显示器将所有左列之上的右列，而信息被认为是从

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

回答已采纳

2回答

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

css、responsive

我有一个基于angularJS/Jquery的web应用程序。在时间短缺的情况下，许多页面都有内联样式。每个页面上都包含一个通用的CSS文件。问题是:在调整浏览器或投影仪的大小时，我的应用程序看起来失真了。应用程序的所有页面都没有统一的布局，很少是列表页面，很少是表单页面，很少有其他页面是带有图形的小部件。有没有人能帮我在不做太多改动的情况下让这个web

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

1回答

柔性盒的高级垂直化

css、flexbox

我被困在了Flexbox用例上：在一个较小的屏幕上，我想让这些按钮水平移动，而不是浪费垂直空间。见以下计划：有谁能想到如何处理这件事？

浏览 10提问于2022-10-24得票数 0

回答已采纳

1回答

如何将引导中的网格设置为在所有屏幕大小上工作？

twitter-bootstrap、twitter-bootstrap-3、bootstrap-grid

我有我的应用程序的屏幕，在那里我使用tweeter引导引导网格布局。当我在大型桌面显示器上进行开发时，布局看起来很好。如果我去移动设备，两个选择下拉输入字段将变得非常小，我看不到他们的任何文本。我最初在所有网格上使用col-xs，但后来切换到col-md，解决了这个问题。因此，如果我打开移动设备上的页面，那么每

浏览 0提问于2018-04-04得票数 0

1回答

改变Bootstrap的响应性

html、css、twitter-bootstrap、reactjs、responsive-design

首先，我对Bootstrap真的很陌生，所以请原谅我的新手。这就是发生的事情： Ya相当糟糕你们知道有什么方法可以解决这个问题吗？我不需要使用bootstrap，但我认为这将是最简单的。"0px 0px 0px 0px", ove

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

点击加载更多