bootstrap-4相关内容
我参考此链接制作了一个轮播图,最初发布在此link 但不幸的是,我不想在第一张图片中填充.所以我删除了第一张图片的填充,但这会导致图片的宽度变大. 所以我删除了所有图像中的填充,并为间隙添加了 margin-left .carousel-item img {填充:0;右边距:1rem;/* 用于间隙 */} 但是当我滑动它时会产生某种类型的故障. 是否有在图像之间添加间隙的解决方案
..
我正在使用 Bootstrap4(CDN) 制作一个网页,并且我打算将 FontAwesome 图标用于我的社交媒体链接.然而,在打开页面时,我看到一些蓝色框而不是图标,并且它们很实用.我只需要显示图标.任何帮助将不胜感激. 以下是必要的片段:1.
..
导航栏显示我的品牌,但不显示菜单项.Bootstrap 4 依赖项的顺序正确(Bootstrap 4 CSS -> Jquery -> Popper -> Bootstrap JS).. 中引用的元视点 HTML:
..
我需要帮助在 bootstrap 4 中制作卡片动画. 我有 4 个卡片盒,如下图所示,这是一个简单的引导 4 张卡片组,带有 4 个卡片盒. 每当用户滚动到此部分时,我都会尝试从右侧一个一个地滑动每个框.如何实现? 我不是要制作滑块/旋转木马. 作为参考检查这个codepen 4 个盒子每个都需要从右边来.在上面的代码笔中,所有的东西都是从左边开始的.当用户滚动到该
..
我尝试使用 bootstrap carousel 来显示我的数据库中的图像,但我的循环似乎有问题...... message("
请选择一张图片.");redirect_to('list_properties.php');}$id = $_GET['id'];$sql = "SELECT * FROM Pictures2 WHER
..
我想创建一个下拉列表,但我不确定它是一个下拉列表还是其他内容,因为我是 HTML 环境的新手. 我想创造的是 当我点击 Indian Spices 时,它必须在里面显示另一个下拉菜单,如果我点击 Pepper in 必须在它下面显示另外两个项目. 这里每个选项都应该在它的父级之下.下拉菜单不能有边框.我需要设计和图片一样的下拉菜单.(没有任何边框) 我在这里尝试过一些东西,
..
所以我使用 Bootstrap 4 制作了一个非常简单的响应式网站布局,所以根据代码,当它进入平板电脑模式时,列数应该变为 4,即当视口为 768px 宽而我的可以显示 4 列时,最多 770px 但当它变成 769px 时,它会切换到智能手机模式并占据整个宽度并相互堆叠.
..
最近我开始学习 ASP.Net 核心 MVC.我总是使用 bower 在 Visual Studio 2017 中为我的项目安装包.但现在我想使用纱线.因为似乎 bower 已被弃用.但我不知道如何使用纱线在 wwwroot 文件夹中安装 bootstarp.对于凉亭,我使用了 bower.json,它会自动安装 bootstarp.我使用“yarn add bootstrap@4.0.0-alp
..
我正在尝试基于 Bootstrap 4 创建一个适当的语义 HTML/CSS,该 HTML/CSS 将以某种方式呈现卡片元素,而不会添加太多自定义批量. 到目前为止我所拥有的是:
..
我正在为网页设计导航栏.我能够制作一个导航栏,数据左右对齐,品牌在中心.但是,当导航栏折叠时,项目的对齐方式变为左(上)品牌(上)右.我希望品牌保持领先,其他项目崩溃. 这是我的代码:
..
我有一个正面和背面的卡片元素 (bootstrap-4),悬停时显示背面.为了创建“折叠角效果",我在前卡上使用了一个伪元素(:before),它适用于除 Firefox 之外的所有浏览器. 伪元素的左下角也应该是圆角的,所以我设置了一个border-radius.不幸的是,在 Firefox 中,角不是圆角,而是在伪元素中显示了一个奇怪的框. 任何想法是什么导致了 Firefox 中
..
我正在尝试在 Angular 2+ 中第二次点击时取消选中单选按钮 在 angularjs 中完成.我有一组使用 *ngFor 显示的对象,因此我在一种形式中有多个单选按钮组.我需要一个不会取消选中所述单选按钮的实现/我尝试过的所有实现都不断检查和取消选中多个按钮,而其他实现根本不起作用. 这是我目前的代码. 如何使用打字稿在第二次点击时取消选中单选按钮? 解决方案 您需要将单选值绑
..
我是这样试的: ...
..
我正在使用 bootstrap 4 制作一个应用程序,其中我有两个导航栏,并且都需要固定在顶部,其中第二个导航栏需要在滚动时隐藏. HTML: 导航栏 1:
..
我正在尝试创建一个下拉菜单,每当我点击按钮时,我都会收到 TypeError: popper is undefined. 我尝试导入包而不是 bootstrap //导入“引导程序";导入 'bootstrap/dist/js/bootstrap.bundle.js'; 我尝试先导入 jquery import "jquery";导入“引导程序"; 我也尝试导入 popper im
..
我正在尝试使用 bootstrap 4 和 flexbox 来实现以下目标: 小屏幕: ||||1 |2 |||||______________________________||||||3 ||| 大屏幕: ||||1 ||||||_________________|2 ||||||||3 ||||| 到目前为止我所拥有的:https://jsfiddle.net/aq9Laaew
..
我从这里得到参考: https://bootstrap-vue.js.org/文档/组件/卡片/#card-groups https://bootstrap-vue.js.org/docs/components/button/#pressed-state-and-toggling 我的 vue 组件是这样的: ...
..
我目前正在试用新版本的 Bootstrap,当使用更新的网格系统分割两列时使用此代码(JSFiddle):
..
我需要我的旋转木马在没有图像的情况下运行,而是旋转多列(col-4)的行. 它基本上可以工作,但是列是垂直显示的,而不是代码建议的 3 并排显示.我错过了什么?
..
我喜欢让我的弹出框保持打开状态,直到用户明确关闭它们. 新的 Bootstrap Popovers 的一个很好的功能是,当用户改变设备方向、滚动或调整窗口大小时,它们会自动重新定位.他们甚至会随着内容重新流动而跟进 - 例如当您调整窗口大小时,段落被换行并且元素的长度增加或缩小 - 屏幕上的所有弹出窗口将继续重新定位以接近其目标. Popover 插件如何知道页面正在重新流动,从而触发
..