标签: bootstrap-4
偏移列不起作用(Bootstrap v4.0.0-beta)
我正在使用Boostrap 4(Bootstrap v4.0.0-beta)Beta并面临偏移列的问题.早些时候我曾经做过偏移-md-*并且它正在工作,BS4 Beta根据文档将其删除.docs中提到的新方法是使用.ml-auto,当我尝试将它与col-md-4一起使用时,它会偏移4列.我想要的是自定义偏移
**<div class="col-md-4 offset-md-2"></div>**
我试过用
**<div class="col-md-4 ml-md-2"></div>**
但没有工作这是错误还是有另一种方法可以做到这一点？
这是关于抵消https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns的官方文档
推荐指数
解决办法
查看次数
WebStorm中支持Bootstrap-Vue.js的未知html标记警告
我正在使用WebStorm 2017.2.4和webpack Vue.js项目.我已将bootstrap-vue.js添加到我的项目中,并希望看到它的提示和组件支持.
但我没有得到"未知的HTML标签"警告.
BTW:bootstrap-vue在运行项目时按预期工作.
您对如何使其有效有任何建议吗？
推荐指数
解决办法
查看次数
SCSS FILE IN ANGULAR 超出最大预算中的警告
在 scss 文件中导入引导变量在超出 B:/Angular-8/crats-shop/src/app/shared/components/sort/sort.component.scss 的最大预算中出现错误警告。136 kB 没有满足 6 kB 的预算，总共 142 kB
推荐指数
解决办法
查看次数
为什么这个类“font-weight-bold”不起作用？[引导程序]
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/css/bootstrap.css">
</head>
<body>
<h1 class="h1">Bootstrap</h1>
<p class="font-weight-bold">Palabra</p>
<p class="font-italic">Palabra</p>
</body>
</html>
向 ap 添加“font-weight-bold”类不会对文本进行任何更改
我能做些什么？
推荐指数
解决办法
查看次数
bootstrap 4 pull-xs-right无法按预期工作
我有这个html使用bootstrap 4实用程序将按钮拉到屏幕右侧.它确实这样做了.
但是,按钮不会按预期下推其下方的内容.它们最终叠加在下面的内容之上.
如果我不使用pull-xs-right那么按钮是左对齐的,但他们确实推动下面的项目.
我还需要申请其他课程吗？
<div class="pull-xs-right">
<button click.delegate="saveEdit()"
type="submit"
class="k-button k-primary">
Save
</button>
<button click.delegate="cancel()"
class="k-button">
Cancel
</button>
</div>
推荐指数
解决办法
查看次数
如何垂直对齐Bootstrap v4模式对话框
Bootstrap 4中的垂直中心模态对话框.
注意:添加了以下要求以明确我正在寻找一种适当的方法来垂直居中Bootstrap模式,涵盖所有可能的设备,在所有浏览器中.在我的情况下,我想要一个大型SPA在整个应用程序中重用相同的模式,所以我需要它在每种情况下工作.
这应该:
- 即使在高于设备高度的情况下,也可以在所有设备上访问模态内容
- 适用于任何设备+浏览器组合,市场份额大于
1% - 不使用
display:table-cell或类似的黑客(任何布局技术不意味着或设计用于布局) - 靠近
click或tap在其外的任何地方.modal-content(包括上方和下方). - 尽可能限制jQuery/JavaScript的使用
- (可选)处理默认的Bootstrap示例,无需进行标记修改
modal-dialog vertical-alignment flexbox bootstrap-modal bootstrap-4
推荐指数
解决办法
查看次数
`pN`及其变体在Bootstrap v4中代表什么？
我发现Bootstrap v4中的命名不够直观.
我知道他们希望尽量减少所有课程对标记造成影响的影响,但我无法得出合理的结论.我猜 - 但我找不到具体的答案.
- p-1,p-2,pN:与Flexbox有关,但它
p代表什么？ - d-flex:Flexbox相关,但它
d代表什么？也许display吧？ - mr-auto - Elliots堂兄？猜测保证金相关 - 也许
margin-right-auto但不能在文档中确认. - mt-auto - ？
- ml-auto - ？
推荐指数
解决办法
查看次数
Bootstrap 4自定义构建生成器/下载
有没有人知道alpha/beta bootstrap 4自定义生成器,在自定义和下载时可用于bootstrap 3 ？
推荐指数
解决办法
查看次数
Rails 5 - 未捕获错误:Bootstrap下拉列表需要Popper.js
所以,在过去的几个小时里我一直在努力让我的bootstrap导航栏在我的rails 5.1.3 app中工作.没有成功.我发现一个控制台错误说
未捕获的错误:Bootstrap下拉列表需要Popper.js
我知道bootstrap正在放弃tether而选择popper.js.我把它添加到Gemfile中
gem 'popper_js', '~> 1.11', '>= 1.11.1'
它没有做任何事.像这样添加到application.js
//= require popper
但仍然没有.过了一会儿,我碰到了Joshua Colvin关于Angular中popper.js 的回答.在代码中移动popper行后,就像这样
//= require popper
//= require turbolinks
//= require bootstrap
并得到它的工作.我想与社区分享这个,因为这是一个非常新的话题,很难找到这个修复.希望这能帮助很多程序员;)
ruby-on-rails twitter-bootstrap bootstrap-4 ruby-on-rails-5.1 popper.js
推荐指数
解决办法
查看次数
在Vuejs模板中使用时Bootstrap图标不会出现在前端
我正在尝试使用 来构建 Web 应用程序，Vue.JS并且在我的应用程序中，我正在尝试使用[Bootstrap Icons][1]. 但由于某种原因，即使添加图标后，它们也不会出现在屏幕上。
我执行了以下步骤：
- 安装
Bootstrap Icons到应用程序中：
npm install bootstrap-icons
安装后我可以在我的package.json文件中看到它。
- 将其添加到
Main.js文件中：
import 'bootstrap-icons/font/bootstrap-icons';
- 在组件内将其添加到所需的按钮：
<template>
<button type="button" class="btn btn-secondary copy" @click="copyXML()">Copy<i class="bi bi-clipboard"></i></button>
</template>
这对我的按钮文本没有任何影响。我仍然只能看到Copy按钮上的文字。
根据文档，还有另一种添加图标的方法。当我添加SVG然后我得到图标：
<button type="button" class="btn btn-secondary copy" @click="copyXML()">Copy<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-archive" viewBox="0 0 16 16">
<path d="M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a2.5 2.5 0 …推荐指数
解决办法
查看次数