在单个页面上添加多个 bootstrap 4 carousel
我在使用新的 bootstrap 4 时遇到了问题，你们知道如何在一个页面中添加/插入多个 bootstrap carousel. 我搜索了很多网站，但他们只使用引导程序 3 给出答案.预先感谢您的帮助！ 解决方案 演示页面本身使用多个轮播.除了用唯一的 id 定义每个轮播外，没有什么特别的事情要做. 这是来自文档: “请务必在 .carousel 上为可选控件设置唯一 ID
..
bootstrap-4相关内容
Bootstrap - 每一行都应该有容器作为直接父级吗?
我知道 column 应该有 row 作为直接父级(或者，准确地说，rows 应该只有 columns 作为其直接子代)但 row 是否必须将 container/container-fluid 作为直接父代? 我在文档中找不到提到它，我已经看到了两者的例子:rows 有和没有它们各自的 containers. 解决方案 这取决于 Bootstrap 版本，以及您希望内容如何对齐，但
..
如何为小显示器尺寸设置 bootstrap col?
我有以下引导程序代码:
如何在小显示器中全宽显示这两个块?现在它显示在彼此之下. 现在 12 必填 1 2 解决方案
..
如何在 Bootstrap 4 中定位导航栏内容
我正在学习 bootstrap 4 导航栏，但我无法清楚地理解如何在导航栏中定位对象我希望将搜索框放置在导航栏的中心并在右侧放置一个按钮，但我只能做到导航栏没有在中心对齐.
..
Bootstrap 4 Beta 中 Carousel 的淡入淡出过渡
我正在尝试修改新的 Bootstrap 4 Beta Carousel 以使用淡入淡出而不是滑动操作从幻灯片过渡到幻灯片，并使用 CSS.我无法让它工作.我不确定是否需要特殊的 Javascript 调用. 请在此处查看 Codepen: .carousel-fade .carousel-inner .item {-webkit-transition-property:不透明度；过渡属
..
如何将一长段 css 应用到整个 div 部分(登录表单)
我有一个包含在 div 中的登录表单部分.我希望页面的这一部分仅由下面显示的 css 设置样式.但是，当我在样式中添加 css 时，它不会被应用.我认为这取决于语法.我正在尝试在样式中添加样式.
..
Bootstrap 表单:如何为单选按钮动态创建唯一名称
这个问题是这个问题的后续一个. 这个 JSfiddle 举例说明了我想要实现的目标. 最终解决方案由@Scaramouche提供 下面的函数正在动态地建立一个“列表"，其中包含四个一组的单选按钮. 这些组中的每一个都应该有一个唯一的名称，这样就可以选择其中一个选项，同时仍然可以选择其他“组"中的其他选项.使这成为一个挑战的是，这个“列表"是用 Bootstrap 表单构建的
..
如何使 Navbar 和 Carousel 组合始终全屏
我想在我的页面顶部有一个导航栏.在此之下，我想要我的旋转木马，它应该始终占据整个剩余的屏幕. 这是我的导航栏:
..
如何使用 Bootstrap 在 Django 中自定义复选框和单选框?
我正在尝试使用引导程序类自定义 Django 中的复选框和收音机.然而，它没有奏效. 我已经尝试使用 widgets 和 attrs 在 forms.py 中插入引导程序类:custom-control custom-radio custom-control-inline custom-control-input custom-control-label 我的代码: models
..
Bootstrap 列不适用于移动设备
我在一行中有 3 个 coluns，它工作正常.我使用了 col-xs-12，所以当它进入移动设备时，列变成了行.它不工作.列保持在一行中
..
透明 Bootstrap 导航栏
我正在开发一个网站，我希望导航(仅主页主页)透明并且图像覆盖全屏.这是我目前所拥有的: 导航栏采用这种方式，因为它在其他页面上也是如此. 这是我的 HTML:
..
Bootstrap 4 上的非 12 分等列
我有一个小网络应用程序，我想显示 5 列响应式等宽. 但我只想要这种布局用于宽度≥992px 的设备.对于宽度小于 992 像素的设备，我想在一个全宽行中显示 5 个 HTML 元素. 等宽列可以分成多行，但是有一个Safari flexbox错误 阻止它在没有显式 flex-basis 或 border. 在减少外部测试用例中记录了两种解决方法Bootstrap，但如果浏览器是
..
如何在css中将屏幕划分为这些菱形div?
这是我希望我能达到的理想设计 预期结果 就我所知，这是将我的 div 堆叠在一起的想法，这样它们看起来就像我无法绕过的第一张图片 我的代码 我的代码 html //然后我一遍又一遍地重复相同的div css 身体，html {宽度:100%；最大高度:100%；font-family: 'Montserrat', sans-serif;填
..
bootstrap-select 在 Bootstrap 下拉菜单中不起作用
我正在尝试从 bootstrap-select Library 中放入多选输入Bootstrap 下拉菜单.问题是，当我打开 Bootstrap 下拉菜单并单击多选输入时，下拉菜单关闭，并且似乎无法使用下拉菜单内的输入. 在下拉菜单之外，输入工作正常，但如果下拉菜单打开，它会在我点击多选输入后立即关闭，即使多选输入位于 Bootstrap 下拉菜单之外 我怎样才能让它工作，所以当我点击
..
当元素存在于不同的父元素中时，我们可以重新排序元素吗?
我有一个简单的部分，我想为移动设备中的元素重新排序. 在桌面上，它看起来像这样: 我希望它在移动设备中看起来像这样: 这是我迄今为止尝试过的:JSFiddle 现场演示 @media only screen and (max-width: 480px) {.flex-item1 {订单:1；}.flex-item2 {订单:3；}.flex-item3 {订单:2；}}
..
Bootstrap 4 导航栏不会在 Angular4 中崩溃
我正在 Angular 4 项目中使用 Bootstrap 4 和 Ng-Bootstrap， 我以这种方式在我的 angular-cli.json 中链接了 que bootstrap.css "样式": ["../node_modules/bootstrap/dist/css/bootstrap.css",“样式.css"], 并在我的 app.module 中导入 NgbModu
..
如何在我的导航栏中移动“导航栏品牌"下的“导航"元素
我使用 Bootstrap 4 并将 navbar-brand 设置为中心，将所有元素设置为右侧.我想在 navbar-brand 下方设置我的 nav 元素. 另外，我想在 nav 的右侧设置“登录"和“注销"，但是使用 mr-auto 不起作用. html: Academind
..
如何将 Bootstrap 验证添加到 WTForms
我将 WTForms 与 Flask 结合使用，我想集成 Bootstrap Form Validation 用于我的表单中的错误.我有一个基本的登录表单设置，如下所示: class LoginForm(FlaskForm):“““登录表单."""电子邮件 = 电子邮件字段(“电子邮件地址"，验证器=[DataRequired(), Email(), Length(min=6, max=40)]
..
Bootstrap 4.0“模态"不适用于 Angular 4
元素是也被操纵了. 执行 HTML 操作的 Bootstrap JavaScript 似乎没有在 Angular 4 项目中触发，当我在项目中使用完全相同的代码时，HTML 根本没有改变. 还有其他方法可以让我在 Angular 4 中使用 Bootstrap 吗?或者我应该在 Angular 4 中使用另一个不是 Bootstrap 的 Modal 解决方案? 解决方案 您可
..
引导程序 4 中的垂直对齐
我正在尝试在图像上放置一个中心文本.我已经使用 mx-auto 来水平居中我的叠加文本并使用 align-middle 进行垂直对齐.但是垂直对齐不起作用.有人知道为什么吗?
..