在 Astro 中导入 Bootstrap

[英]Import Bootstrap in Astro

我目前正在研究 Astro (astro.build)，并希望将它与最新的 Bootstrap 版本一起使用。 有谁知道 Astro 并且可以向我解释如何正确集成 Bootstrap？ 在 inte.net 或论坛上没有找到任何内容，至少没有明确的答案。 非常感谢你！ ...

Bootstrap 弹出框未显示焦点事件上的锚元素

[英]Bootstrap popover not showing for anchor element on the focus event

我试图在点击和 hover 事件上显示引导弹出窗口。 我在一个页面上加载了多个控件，并且我正在尝试绑定 bootstrap-5 弹出框，而不需要这些控件的 jQuery 依赖项。 在此示例中，我使用了按钮和锚元素，并尝试使用 JavaScript 绑定弹出框，当使用事件 hover（触发器：'悬停' ...

Append Apps 脚本中引导表的对象列表

[英]Append list of objects to Bootstrap Table in Apps Script

我正在努力将 append 表名称添加到引导表。 我的 Apps 脚本边栏使用 sidebarSM() function 调用： 代码.gs function ： 和前端html ： 我试图在 html 和 append 中使用 google.script.run 传递返回的名称，但这需要很多秒，所 ...

引导组按钮和文本，但它们之间有空格

[英]Bootstrap Group Button and text but with space between them

您好，我希望文本和按钮必须位于一行而不是彼此下方。 首先我做了这个 但这将按钮和文本彼此相邻，没有间距。 因此，我使用了btn-toolbar而不是btn-group ，但这会将项目放在一起。 我尝试添加flex-wrap: nowrap但这不起作用。 有谁知道如何解决这个问题并正确对齐它们？ ...

为什么Bootstrap 5.2.1 在分页Datatable 时导致modal 隐藏？

[英]Why does Bootstrap 5.2.1 cause modal to hide when paging Datatable?

我在引导程序v5.2.1模态中有一个数据表。 当我打开模态并尝试翻阅数据时，模态立即隐藏起来。 Bootstrap v5.2.0 不会发生这种情况。 为什么会这样？ 引导模式中的数据表演示： BS v5.2.0 演示 BS v5.2.1 演示有问题的 BS v.5.2.1 代码片段： $(d ...

Bootstrap 5：如何防止小视口上的等宽文本溢出？

[英]Bootstrap 5: How to prevent overflow with monospace text on small viewport?

在我正在开发的 web 应用程序中，我想使用等宽字体显示一些文本。 这样做的原因是文本可以包含诸如 ASCII 艺术之类的东西，因此保持等宽显示很重要。 此外，它不能环绕，因为这会破坏显示。 我的 html 看起来像这样： 在大型显示器上，这工作得很好，并且完全按照我的意愿显示。 但是，在移动显示 ...

在 React-Bootstrap 2.5.0 中有没有办法将 Navbar.Brand 放在 Navbar.Toggle 旁边？

[英]In React-Bootstrap 2.5.0 is there a way to put the Navbar.Brand next to the Navbar.Toggle?

目前，我有以下内容，其中 Navbar.Toggle 位于左侧，我的 Navbar.Brand 位于最右侧。 由于我的切换从左侧打开一个画布，我希望切换按钮位于左侧。 但是，我希望我的 Navbar.Brand 居中或左对齐。 我是 react-bootstrap 的新手，所以为这个愚蠢的问题道歉 ...

是否可以将 Bootstrap 5 图标与 Bootstrap 4 一起使用

[英]Is it possibile to use Bootstrap 5 icons with Bootstrap 4

如标题所述，我想在 bootstrap 4 项目中使用 bootstrap 5 图标。 那是因为我有一个使用 bootstrap 4 + 字体的旧版 web 应用程序，我需要使 web 应用程序与 bootsrap 5 Z2567A5EC9705EB7AC2C984033E06 应用程序一起工作。 ...

Bootstrap 4.x stack flex-columns 将 header 放在垂直导航菜单上方

[英]Bootstrap 4.x stack flex-columns to put a header above a vertical navigation menu

我们有一个左侧导航菜单，如下所示： 我想要做的是在<ul>标签上方获得一个 header 。 我试过了： 但它只是使它成为一个新的列。 我也尝试过添加行，但也没有运气。 ...

hover 上的颜色叠加不会仅显示在一个元素上

[英]Color overlay on hover does not show up on just one element

我的 CSS class 与伪 不工作一切都很好以下 CSS 类与 hover 伪工作正常 我在 bootstrap.container-fluid 中有一个带有颜色叠加层的图像。 该容器流体内部有 6 个相等的全高柱。 在 hover 上，图像上的覆盖应该消失，然后出现一个新图像。 （这在这里没 ...

使字体占据特定字体大小的空间

[英]Make font to occupy space of specific font size

假设我有按钮，里面有文本“提交”，字体大小为 16 像素。 现在我希望“提交”文本占据相同的空间，就好像它的字体大小为 32 像素，字体大小为 16 像素一样。 有没有办法做到这一点？ 我尝试使用 line-height 但无法获得所需的结果。 ...

仅对 hover 的砌体影响？ 卡在 hover 上扩展，也改变其他卡的高度

[英]Masonry effect on hover only? card expands on hover, changes other cards height too

我正在尝试创建像这样的 hover 效果 该卡在 hover 上展开，显示标题、图标、内容和单击此处按钮和其他卡，而不是悬停应该只显示标题和图标而不改变列高..所以现在发生了什么 hover 效果有效，但它也会改变并为其他列提供相同的高度，在列底部留下空白空间.. 有什么办法可以对 hover Z ...

使用水平滚动条将宽度列内容限制为引导程序上的列大小

[英]Limit the width column content to column size on bootstrap using horizontal scroll bar

我有一个非常宽的元素， #widelement在引导行列内。 我想用水平滚动条将它附在 div 中， .mywrapper以保持页面布局。 有人可以向我解释我应该添加什么样式到.mywrapper以避免#widelement溢出引导列？ 在这个示例中，wide 元素的宽度为 5000px，但是，这不 ...

模式上的 DatetimePicker 未完全显示

[英]DatetimePicker on the modal not displaying completely

我正在尝试将 Datetimepicker 显示到 Bootstrap v3.3.7 model 但它没有完全显示。 一半的日期时间选择器可见，一半不可见，同样，问题也以响应方式出现（在移动设备等小型设备上）。 我附上了两张清楚地显示问题的图片。 这里 Html 代码是 我正在使用 Bootst ...

我的 hover 效果是占用整个容器

[英]my hover effect is taking the whole container

在这里，我使用 bootstrap 5 创建了我的导航栏，当屏幕尺寸变小时应该折叠。 所以我对导航元素做了小的 hover 效果。 但是，当他们折叠我的 hover 效果时，您可以看到整个空间，我只希望 hover 效果在文字下方。 我试图解决这个问题，您可以在 CSS 代码末尾看到我的解决方案，但 ...

根据 Bootstrap Naming 确定我的屏幕尺寸的网站

[英]Website to identify what is my screen size as per Bootstrap Naming

有没有网站告诉我的 window 尺寸是多少？ 喜欢 X-Small / Small / Medium / Large / Extra large / Extra Extra large 基于 window 宽度我在浏览器中调整。 ...

如何使图像始终为 100% 宽度但调整高度并保持纵横比？

[英]How to make an image always 100% width but adjust the height and keep the aspect ratio?

我知道之前一定有人问过这个问题，但我找不到任何 css 来帮助我。 如何使图像始终保持 100% 高度和 100% 宽度以匹配屏幕尺寸但始终保持图像的纵横比？ 以上几乎可以工作，但我不想硬编码高度，并且希望几乎是浏览器视图的 100%，但保持纵横比。 因此，图像应始终适合 100% 的高度和宽度， ...

引导进度条标题文本部分不可见

[英]bootstrap progress bar title text part is invisible

我有下面的代码来显示进度条。 如果进度条较低（<30%），则文本不可见（见屏幕截图）。 文字由 JavaScript 设置。 const data = { BatterySOC: 10 } const dbu = 20; document.getElementById('batLaderic ...

如何在引导程序 5 中更改已检查输入结帐框的 bg 颜色？ 我正在使用 angular 12

[英]How can chagnge bg color of checked input checkout box in bootstrap 5? i m using angular 12

我正在尝试在引导程序 5 中更改输入复选框“选中时”的背景颜色，我什至找到了一些自定义引导程序复选框的解决方案，但它也不起作用，对此的任何帮助将不胜感激。 谢谢。 /*Default Checkbox*/.form-check.form-check-input:checked~.form-ch ...

如何在 ASP.NET Web 表单中垂直居中 Bootstrap 5 吐司？

[英]How to vertically center Bootstrap 5 toast in an ASP.NET Web Form?

我在 ASP.NET web 形式中使用 Bootstrap toast 元素，如下所示： 在我的 Javascript 位中，我这样称呼 toast： $('#toastFail').toast('show'); 吐司出现了，但我想做的是让吐司在页面中垂直居中，但我在 Bootstrap 文档中 ...