问题标签 [bootstrap-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1309 浏览

html - Bootstrap/HTML - 使用 Accordion 和 Bootstrap 网格

所以我想知道是否可以使用引导网格(类似的东西)来尝试并排放置两个手风琴。

这是我一直在使用的代码,取自 w3schools 并进行了一些修改。我刚刚包含了相关部分,但如果需要更多信息,请说出来。

我以为我可以添加

在按钮类上方,显然关闭了 div 元素,但这不起作用。我不太确定我应该在这里做什么。

问题:是否可以在手风琴上使用引导网格,让两个并排的手风琴?

我已经检查了相应的 API,但找不到类似的问题。

0 投票
0 回答
149 浏览

wordpress - 为什么我的引导导航菜单显示不正确

我正在尝试创建一个 wordpress 主题,但我从引导程序中遇到了导航栏的问题“目前我只想显示导航栏而不将其转换为 wordpress,我的意思是我现在希望它是静态的而不是动态的”

这是它在浏览器 中的显示方式 在浏览器中显示

这是我的 header.php 代码

这是我的functions.php文件

这是页面源代码

0 投票
0 回答
48 浏览

javascript - 如何使用 Bootstrap 和 HTML 将此 JavaScript 转换为脚注?

我的老师希望我们将此日期显示为 Bootstrap 的脚注,但我不太确定该怎么做。

0 投票
1 回答
207 浏览

css - 引导 twitter 按钮和网格内的警报框?

我的系统中有多个地方我想在提交按钮旁边显示消息。取决于用户活动,此消息通常适用于系统,如'Records successfully saved'or'Invalid access''Invalid data entered in the form field'。按照现在的标准,我看到该消息通常应该显示在提交按钮旁边。当我第一次尝试在引导程序中实现这一点时,我遇到了警报框高度大于提交按钮高度的问题。我能够通过覆盖警报框 div 上的填充来解决该问题。这是示例:

在示例中,您可以看到我尝试使用两个网格将提交按钮和警报框放在一起。我唯一想改变的是当警报框不能放在按钮旁边时,两个网格之间的填充。在示例中,您可以看到它们之间没有空格。这在小屏幕上看起来很丑,我想知道放置一些空间的最佳方式是什么?另外我想知道是否有更好的方法可以在引导表单中按钮旁边的警报框中显示消息?

0 投票
1 回答
76 浏览

html - 如何使用 Bootstrap 跨设备保留网格布局?

我正在使用 Bootstrap v.3 构建一个网站,该网站需要跨设备保持一致。我希望在所有设备上保持相同的布局。我使用以下代码并排显示两个 youtube 视频。

该网站在桌面上看起来像这样 -

桌面版

但是,在手机上,它看起来像这样。

移动电话

如您所见,尽管具有col-md-* col-sm-*col-xs-*值相同,但布局会发生变化。请帮忙。

0 投票
1 回答
1292 浏览

twitter-bootstrap - 如何在引导程序中设置网格以适用于所有屏幕尺寸?

我的应用程序中有屏幕,我在其中使用高音扬声器引导网格布局。虽然我在大型桌面显示器布局上开发它看起来不错。如果我转到移动设备,两个选择下拉输入字段将变得非常小,我看不到其中的任何文本。我最初col-xs在所有网格上使用,但后来我切换到col-md并解决了问题。因此,如果我在移动设备上打开该页面,那么每一列都会被推送到下一行。但是,输入字段之间没有空格。似乎他们坐在彼此之上。我在引导程序中阅读了几篇关于网格布局的文章,他们建议为每个网格元素使用不同的列大小。我不确定它是如何工作的,我的解决方案是否正确?这是我到目前为止的示例:

在上面的示例中,我使用具有不同列大小的相同代码来显示较小屏幕大小的差异。确定列大小的最佳方法是什么?有没有规定我需要多少列xm,sm,mdlg列?如果有人可以提供帮助或提供任何示例,请告诉我。谢谢!

0 投票
1 回答
443 浏览

html - 无法通过使用元素更改位置来使 JQuery UI 可排序正常工作

我试图让按钮相互替换位置,所以如果我拉button C起来,button A我希望它会相互交换位置,但发生的事情是button C进入位置button A并将所有按钮推回,但我只想要它们替换其他地方,而不是重新排序其他地方。

平时的样子:

C当我拉到以下位置时,我想要发生的事情A

实际发生的情况:

我怎样才能让它替换而不是推送?

0 投票
0 回答
424 浏览

javascript - Bootstrap 3 列布局拖放与 JSON 导出

我是引导程序和 JqueryUI 的新手。我想做简单的 3 列布局,需要在框中有文本框和单选按钮,并且需要具有拖放功能。我找到了一个很好的例子:http: Bootstrap Drag and Drop Grid//jsfiddle.net/vacidesign/uskx816g/。我试过这个例子,但拖放功能在我的本地机器上不起作用。我实际上想要与简单文本框和拖放功能完全相同的示例,并且单击按钮时,文本框中的这些信息应导出为 JSON。请帮忙。

Bootstrap 3 列布局拖放与 JSON 导出

引导小提琴示例不起作用

我的系统规格是 4 GB 内存,Windows 操作系统,Chrome 浏览器。我已经包含了该小提琴示例中提到的所有 6 个库。

0 投票
2 回答
172 浏览

css - 重新排序引导列(嵌套)

所以我在引导程序中有三列,如下

移动的:

桌面:

以下是我的代码:

我已经使用隐藏类实现了它,但是有没有更好的方法来使用例如推/拉类来做到这一点?

PS:我有一个固定的 [C] 高度,比如说 50vh。

0 投票
1 回答
2468 浏览

twitter-bootstrap - Boostrap 4 extra small col width 100% 不工作

我用 Bootstrap 4 开发了一个静态 HTML 页面,使用col与大屏幕相等但在Extra small屏幕上,col 没有得到100% width. 我忘记了什么?