cost 73 ms
图像容器在引导程序中炸毁整个页面

[英]Image container blows up to whole page in bootstrap

我显然做错了什么,但这是我使用 Bootstrap 的第 2 天。 我有一个两排的液体容器。 在第一行我有一个标题和一张图片。 该图像 - 即使我降低了高度并将其设置为响应式,也会导致第一行中的第二列基本上扩展到几乎整个页面。 当我删除图像时,世界就有意义了。 当我放回图像时,容器爆炸了。 发生在 ...

Bootstrap v5.0 offcanvas 同时调用模态和offcanvas背景

[英]Bootstrap v5.0 offcanvas call modal and offcanvas backdrop at same time

我正在处理 bootstrap v5.0 offcanvas。 一步到位,万事大吉。 当我点击 offcanvas 按钮时,我的页面似乎同时调用了 offcanvas-backdrop 和 modal-backdrop div 导致此问题的原因是什么? ...

Angular 前端只显示app.component.html

[英]Angular Frontend only displaying app.component.html

我目前正在为我的 API 创建一个前端,现在是时候创建另一个组件了。 我什么都试过了,甚至创建了一个 app-routing.module.ts,但它只显示我的 app.component.html? 我不明白为什么..我的 app-routing:module.ts : 我的 clientpro ...

在 bootstrap-5 卡上调整大小和圆形图像

[英]resizing and rounded image on a bootstrap-5 card

我想在 bootstrap-5 卡中调整图像大小并对其进行四舍五入,但我不知道如何使用 bootstrap-5 或 css3 执行此操作,我希望图像更小并在这张卡的中心进行四舍五入。 我的模板: <link href="https://cdn.jsdelivr.net/npm/bootstr ...

当 bootstrap5 添加到 sveltekit app.html 时,vite 抛出文件未找到错误

[英]vite throws file not found error when bootstrap5 added to sveltekit app.html

我在 app.html 中通过样式和脚本标签添加了 bootstrap5 bs5 工作正常,但 vite 抛出找不到文件的错误。 有什么建议吗? 错误信息错误:未找到:/vendors/bootstrap-5.0.2/bootstrap.min.css.map 错误:未找到:/vendors/bo ...

将数据表单 controller 传递给 ajax 和模态 laravel 8

[英]Pass data form controller to ajax and modal laravel 8

我试图将数据从 controller 传递到 ajax 但数据没有到达我的模态这是我的 Controller: 这是我的路线: 按钮: 这是我的表单模式: 这是我的 Ajax: 请有点帮助解决我的错误,模态中没有显示“stok”,感谢您的帮助! ...

使用 JQuery 和 Javascript 为 HTML 中的类似字段设置事件

[英]Setting Events for similar fields in HTML using JQuery, and Javascript

我不太擅长 HTML 世界,我什至不确定如何调试这个。 反正我有一个ASP.NET的核心App。 我的问题出在 CSHTML 视图中。 这是一个时钟系统。 用户根据现有作业记录时间。 我有一个正在工作的 Index.cshtml。 它将验证 JobNumber 以确保它存在于数据库中。 如果用户输入 ...

我怎样才能让我的 web 布局更窄,同时保持响应?

[英]How can i make my web layout less wide while keeping it responsive at the same time?

我正在为我的网站制作 web 布局,但遇到了问题。 布局的整体宽度太大,我想在屏幕两侧留一些边距。 布局是响应式的,但是当我在两侧添加边距并且响应性不再存在并且页面在小屏幕上看起来很糟糕。 Html: css: 我尝试在两侧添加边距,但没有用。 ...

Bootstrap col-auto 不应连续超过 3 个元素

[英]Bootstrap col-auto should not have more than 3 elements in a row

col-auto很棒。 它按大小排列成一行(同一行)。 但我希望它连续(同一行)严格适合不超过 3 个项目。 同一行中应该只有 1-3 个项目。 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2. ...

使用Bootstrap 5 vertical pills,如何在移动设备的nav链接下直接显示tab内容?

[英]Using Bootstrap 5 vertical pills, how to display tab content directly under the nav link on mobile devices?

垂直药丸布局正是我想要的桌面设备,但对于小屏幕尺寸,我希望它更紧凑。 我需要在导航链接下显示选项卡窗格文本 - 就像在每个单独的导航链接下,而不是在整个导航丸组下面。 以下是 Bootstrap v5 文档中的基本示例: 我尝试将选项卡窗格元素直接移动到它们的透视导航链接下,但我无法让它工作。 这 ...

我如何动态地将有序列表编号应用于每一行以引导行

[英]How can i apply ordered list number to each row dynamically to bootstrap rows

我正在使用 bootstrap 网格系统,并想为每一行添加前缀编号,这基本上会显示每一行的编号。 列出 1、2、3、4。我怎样才能做到这一点? 所需的 output: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boots ...

Bootsrap 5.3 导航栏不会拉伸到页面的宽度

[英]Bootsrap 5.3 navbar doesnt stretch to the width of the page

我试图让引导程序导航栏中的列表项在移动视图中拉伸页面的所有宽度,但它不起作用。 我在这里尝试了一些教程,但都没有用。 我什至在 CSS 中尝试过 *{margin:0;padding:0;} 但它不起作用。 我希望导航栏列表元素的宽度在移动视图中拉伸到页面的宽度。 这是它在浏览器中的样子: #he ...

在 Bootstrap 中垂直对齐项目面临问题

[英]facing issue vertically Aligning items in Bootstrap

我想在不提及高度的情况下为所有网格提供相同的行线。 所以,我使用了 align-item-stretch 但箭头按钮没有调整。 如何将箭头对齐到相同的高度? 这是我的代码这是图片 到底怎么调arrow,这个我要搞清楚。 ...

如何更改 Bootstrap 中下拉菜单的 position? 我尝试使用 data-offset 或 data-reference 但它们没有用

[英]How do I change the position of a drop down menu in Bootstrap? I tried using data-offset or data-reference but they didn't work

我的下拉菜单从页面左侧开始,其 position 与列表项无关。 在这里,我附上了我得到的结果的照片......我希望(P1,P2,......)的列表位于“页面”列表项下。 谢谢 ...

Bootstrap v5.2 自定义按钮没有颜色

[英]Bootstrap v5.2 Custom button does not have color

我正在尝试在 Bootstrap 中创建一个自定义按钮 class,其中颜色为虹膜紫色。 我使用 Sass 来生成所述按钮变体: 编译成这个: 我试图在 HTML 中使用它: 但没有颜色: 我的 Firefox 检查员没有将btn-purple显示为页面上正在使用的 CSS class。 我错过了 ...

在 React Bootstrap Button 组件中有条件地呈现的 JavaScript 模板字符串中插入 \n 以换行是无效的

[英]Inserting \n to break line in JavaScript template string conditionally rendered in React Bootstrap Button component is ineffective

我的 React 组件的一部分是由 React Bootstrap Button 组件组成的。 在这一个中,我根据以下代码根据其切换的 state 有条件地呈现一个字符串: 如您所见,我包含了 \n 是因为我想将日期和标题放在按钮的不同行上,为此我也将其显示为一个块(而不是默认的内联块)。 应用程序 ...

JavaScript 在使用 Bootstrap 5.3 时不工作

[英]JavaScript is not working when using Bootstrap 5.3

我正在 Visual Studio Code 上构建一个网站,并且使用的是 Bootstrap 5.3,但功能无法正常工作 - 按钮无法展开,旋转木马无法滚动等。我是初学者,所以我一直在努力理解原因: ( 有人知道问题出在哪里或有同样的问题吗? 非常感谢! 我从这里使用了 CDN: https:// ...

在 VueJS3 中向下滚动时如何用搜索 div 替换导航栏?

[英]How to replace a navbar with a search div when scrolling down in VueJS3?

我是vuejs的新手,当searchdiv向下滚动时到达屏幕顶部时,我试图让我的search component替换我的fixed-top导航栏,当我向上滚动时,导航栏只会在用户打开时出现最佳。 我见过像谷歌搜索这样的功能。 请参阅: 这是正常的视图: 这是滚动视图: 这是我的: 这是我的代 ...


 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM