堆栈内存溢出
cost 185 ms
如何在 Boostrap 中创建这个“简单”的响应式布局

[英]How to create this "simple" responsive layout in Boostrap

我正在努力用 Bootsrap 创建一个桌面布局及其移动等效布局 有没有一种简单的方法可以实现这一目标？ 我尽我所能地使用容器和数以千计的可能，但每次，移动部分都很简单，但我无法在桌面上实现我想要的。 感谢您的帮助或建议 ...

侧边栏垂直 alignment

[英]Vertical alignment in sidebar

我将如何对齐边栏中的项目，如下所示： 见图片我的主要问题是页脚的格式被固定到底部，主侧边栏容器溢出和滚动但仍然在侧边栏 header 和侧边栏底部元素文本容器之间，所以在没有整个元素的情况下可以滚动时不重叠边栏滚动我到目前为止： <link href="https://cdn.jsdeli ...

为什么这一列不在另一列旁边？

[英]Why is this column not next to the other one?

为什么第二行列不是与第一行列并排？ 我期待的是 - 第二行列与第一行列和剩余页面的全宽并排。 前任： 边栏 | 主要内容拉伸页面rest 发生了什么： 边栏第二栏 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/ ...

可滚动侧边栏 div 问题

[英]Scrollable sidebar div issue

我有一个侧边栏的主要内容部分，如果它溢出，它应该是可滚动的。 问题是它使整个页面滚动而不仅仅是侧边栏。 另一个问题是它应该在其容器内滚动而不是使整个侧边栏滚动。 我该如何解决？ 它应该看起来像这样： const tooltipTriggerList = document.querySelectorA ...

Bootstrap 5 中的列不会水平对齐

[英]Columns wont align Horizontally in Bootstrap 5

我正在尝试使用 php 和 Bootstrap 5 制作购物车。我指定了类，但项目仍然垂直堆叠。 我希望它彼此相邻并水平对齐 有什么我想念的吗？？ 我尝试了我所知道的一切 T^T 附言。 Web 开发中还是个菜鸟，求大神们手下留情T^T;3 ...

当他们有 label 时，如何将按钮与几个下拉菜单对齐？

[英]How to align the button with the few dropdowns when they have a label?

我有 3 个下拉菜单和一个提交按钮。 每个下拉菜单都有一个 label。然后是一个按钮。 我找不到将按钮与下拉菜单本身（而不是标签）对齐的方法，所以我最终添加了一个占位符 label 并赋予它与背景相同的颜色。 但是有更好的方法吗？ 这是没有占位符 label 的样子（查看整页以更好地查看）： ...

我如何判断 React-Bootstrap 组件是否已完成渲染？

[英]How can I tell if an React-Bootstrap component has finished rendering?

我有一个 React Bootstrap 手风琴，里面有很多数据，需要几秒钟才能加载，如果您在此之前尝试扩展它，它就无法正常工作。 我想隐藏/覆盖手风琴直到渲染完成。 需要明确的是：这不是在服务器上等待数据加载的问题——它在客户端上都是可用的，只是有很多东西要渲染。 我在 React 文档中找不到 ...

悬停按钮后图标不可见

[英]Icons are not visible after hovering a button

我是 CSS 和前端编程的新手。 我想在按钮悬停后在按钮旁边显示两个图标。 但是在我的代码中，图标在 hover 效果后不显示。 你能帮忙吗？ #submit-btn { padding: 15px 50px; background-color: whitesmoke; color: #333; ...

如何使响应成为绝对div

[英]how to make responsive an absolute div

我正在使用材质 UI 和 react js 制作个人资料组件，我想响应头像/个人资料照片和个人资料名称 div，但我不知道该怎么做。下面我给出了我的问题的一些屏幕截图。 我想要响应的 div 是， 由于反应迟钝，我面临的问题， 我的代码： ...

将 bootstrap 5 输入自定义为暗

[英]Customize bootstrap 5 inputs to be dark

在我的应用程序中，我可以在明暗模式之间切换。 我正在使用 Bootstrap 5 表单控件输入，我想相应地更改它们的背景颜色。 我应该瞄准哪些 CSS 类才能使其正常工作？ 到目前为止，我已经设法更改了输入的背景 colors，但是当控件处于活动状态时，颜色恢复为白色。.form-control{ ...

Bootstrap 4 导航固定到顶部隐藏锚定文本的顶部

[英]Bootstrap 4 nav fixed to top hides top of anchored text

我在一个使用 bootstrap 4 的网站上工作。我有一个<nav>元素使用fixed-top 固定在顶部。 按照建议，我在<body>标记中添加了一些 padding-top，但我仍然遇到问题。 当有人导航到页面内的锚点时，锚定区域的顶部（在本例中为标题）隐藏在导航栏后面 ...

如何防止我的 Bootstrap 横幅换行到下一行？

[英]How can I prevent my Bootstrap banner from wrapping to next line?

我正在使用 Bootstrap 制作顶部横幅，我的压缩菜单总是换行到 1024x768 的新行。 这适用于大于 1024x768 的分辨率。 请建议更正我的 html，以便横幅在 1024x768 分辨率下固定在顶部。 横幅文本必须居中，徽标应在左侧，登录用户名应在右侧。 .headerBack ...

带有子菜单的可折叠垂直侧边栏菜单图标

[英]Collapsible vertical sidebar menu icon with submenu

一个可折叠的侧边栏菜单，我在其中寻找加号 (+) 以切换到减号 (-)。 当侧边栏菜单打开并切换时，同样的操作再次发生。 从文档和社区代码资源中，我可以切换折叠菜单，但我正在寻找右侧的加号 (+) 图标也从加号 (+) 更改为减号 (-) 图标我使用了引导程序图标，并且分别使用以下类的加号和破折号& ...

主要部分不占用垂直空间

[英]Main section doesnt take up vertical space

我正在研究一个新设计，如果我有一个 header、一个侧面菜单和主要部分中的一个页脚。 我试图让主要部分填充剩余空间作为最小高度，将页脚推到页面底部。 如果需要，我希望主要部分占用剩余空间，但是当主要部分大于视图高度时，所有内容都应该滚动，因此没有粘性页眉或页脚。 这是可以在 Bootstrap 5 ...

如何使表 header 相对于内容引导程序？

[英]How to make table header relative to content bootstrap?

这就是我所拥有的： 我正在使用 Angular 和 Bootstrap。 现在我想让表 header 相对于下面容器内的文本定位。 我尝试使用 html 表，但遗憾的是您不能像我在上图中使用 html 表那样制作表。 目前我使用引导列来对齐 header 和小部件内的内容。 有人知道我如何将小部 ...

Bootstrap 5 - 使用 flex-grow-1 class 使 div 可滚动

[英]Bootstrap 5 - Make div with flex-grow-1 class scrollable

我正在尝试使指示的 div 下面可滚动，但它似乎总是将文档大小扩展到屏幕空间之外，而不是创建滚动条。 一种解决方案是为 div 设置固定的像素高度，但我想避免这种情况以确保设备之间的可伸缩性。 有任何想法吗？<div class="row no-gutters w-100 flex-grow- ...

仅在桌面上工作的等高列

[英]Equal Height Column Working Only On Desktop

我的 bootstrap 5 网站中有这样的代码 它在桌面上工作正常，output 就像这样： 但在 Mobile 中没有相同的高度，它看起来像： 基本上我也想要与移动设备中的图像相同的高度列，但它不起作用。 我正在使用引导程序 5.2。 我在文本的代码播放中添加了代码。 让我知道这里是否有人可 ...

Bootstrap 5.3.0 - 导航栏中折叠区域外的下拉菜单使下拉菜单在导航栏内而不是在导航栏外

[英]Bootstrap 5.3.0 - Dropdown in navbar out of collapsed area makes dropdown's menu inside the navbar instead of outside

当导航栏折叠时，折叠区域外的下拉菜单会在导航栏主体中显示下拉菜单。 有谁知道如何解决这个问题？ 我研究了 data-bs-reference 之类的属性，但信息不多。 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM