程序员经验分享-hwhale

将 Bootstrap config.json 文件与 Bower 结合使用

2024-06-25

我使用了 Bootstrap 定制器工具：http://getbootstrap.com/customize/ http://getbootstrap.com/customize/它生成一个config.json每当我需要进行更改时我都会重复使用的文件。

我使用 Bower 来处理除 Bootstrap 之外的所有依赖项，因为我需要自定义版本。

有没有办法让 Bower 使用我的config.json文件来生成CSS？

这个问题的所选答案似乎表明这实际上是可能的，但它没有提供太多细节，而且我在任何地方都找不到任何其他相关内容：Twitter Bootstraps config.json - 它有什么作用？ https://stackoverflow.com/questions/21433655/twitter-bootstraps-config-json-what-does-it-do

我还发现这个包可以让你使用自己的 LESS 文件自定义 Bootstrap，但这不是我所做的，而且它似乎没有使用config.json file: https://www.npmjs.org/package/grunt-customize-bootstrap https://www.npmjs.org/package/grunt-customize-bootstrap

Thanks!


如果需要，您可以使用 Bower 安装 bootstrap-sass-official 或 less 版本 正如这里所述https://github.com/twbs/bootstrap-sass#sass https://github.com/twbs/bootstrap-sass#sass

您可以导入 bootstrap-custom 并注释掉不需要的组件。

我和你有同样的问题，这就是我的 bootstrap-custom.scss 文件的样子

@import "bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/variables";
@import "bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins";
...
@import "bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/responsive-utilities";

在我的 default.scss 文件中我放入了

@import "bootstrap";

然后编译！

PS：我想在评论中指出链接，但需要 50 声誉点:(

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

twitterbootstrap

gruntjs

bower

将 Bootstrap config.json 文件与 Bower 结合使用 的相关文章

  • 更新 Bootstrap 缩略图网格 - ajax 请求

    设想 我有一个带有显示国家 地区的 Twitter Bootstrap 缩略图网格的视图 当用户单击一张图像时 它应该在同一网格 屏幕 中显示与该国家 地区相关的城市 技术的 首先 我用国家 地区填充 dataProvider 然后我应该将

  • 使用 bootstrap 渲染的 Django FilteredSelectMultiple 小部件

    我正在尝试复制FilteredSelectMultipledjango 应用程序管理中使用的小部件 但我的小部件呈现非常不同 管理中的小部件使用Django 套装 http djangosuit com or django admin bo

  • 生成源映射时出错 - grunt 和 sass 配置

    我正在尝试将 sass 与 grunt 一起使用 我已经在我的路径中安装了 ruby sass 和 grunt 版本是 节点 0 10 20npm 11 3 1grunt cli 0 1 13咕噜声 0 4 5萨斯 3 4 4 我的包 js

  • Bootstrap中.row类的负左右边距

    只是出于好奇 为什么 bootstrap 使用 15px左和右margins 将取消15px左和右padding on container and container fluid类 为什么要设置内边距 然后在子项上使用负边距取消它 行上的负

  • 如何设置引导开关的 css 颜色？

    如何在此引导开关中将蓝色更改为另一种颜色 我尝试更改输入元素的颜色和背景颜色 但它没有更改开关颜色 这是 html 和 bootstraplink https getbootstrap com docs 4 2 components for

  • 如何清除隐藏上的引导模式

    如何在关闭 隐藏 关闭时清除引导模式 我有以下模态定义

  • Bootstrap：垂直表单内的水平字段

    我希望使用 Bootstrap 在 垂直样式 表单中添加一些 水平样式 字段 我怎样才能做到这一点 如果可能的话 您可以利用 Bootstrap 的现有类 checkbox inline 以获得您正在寻找的效果 使其看起来正确的关键是指定p

  • 无法在简单的 Yeoman Angular 上使用 grunt

    尝试使用本指南中的步骤通过 Yeoman 启动一个简单的角度应用程序http www sitepoint com kickstart your angularjs development with yeoman grunt and bowe

  • zclip 无法在引导模式中工作

    我正在使用 zclip 页面提供的干净示例代码 a copy dynamic zclip path js ZeroClipboard swf copy function return input dynamic val 这是 HTML a

  • Bootstrap 列中的文本未居中

    我在 Bootstrap 中构建了 1 10 1 列标题结构 现在我想将其居中 在 10 列中 但正如您通过页面中间的虚线看到的 不集中在正中间 为什么不 我怎样才能把它拿到那里 标题的高度取决于font size其中的文字 如何通过命令手

  • 在引导下拉元素上使用 intro.js

    我不知道如何在下拉元素上使用 intro js 我发现了一个类似的问题 但没有答案 IntroJS Bootstrap 菜单不起作用 https stackoverflow com questions 20071122 introjs bo

  • Twitter 引导重置按钮

    我如何使用 twitter bootstrap 创建重置按钮 与清除所有数据的表单重置按钮相同吗

  • 在 Bootstrap 按钮下拉列表标题/占位符文本中显示所选项目

    这个问题已经在 Stackoverflow 上被问过几次了 但是我仍然无法弄清楚它的真相 而且我的查询正在抛出更多的下拉菜单 所以我有两个下拉菜单和一个搜索 我想从下拉列表和 选定 中进行选择以替换下拉占位符文本 但我还需要记住 点击搜索后

  • 通过单击外部关闭 Bootstrap 弹出窗口

    如何通过单击弹出窗口外部来关闭 Bootstrap 弹出窗口 目前它具有打开链接的切换功能 HTML div class widget rating span class rateit rating average span a class

  • AngularJs：显示来自 git 或 Bower 的版本号

    我创建了一个 Angular 应用程序 我想在屏幕上显示应用程序的当前版本号 目前我已将其实现为常量 application constant constants VERSION 1 1 2 但这需要我在每个新版本上更新常量 我使用 Bow

  • Twitter Bootstrap 按钮的水平和垂直分离

    是什么导致 Twitter Bootstrap 的按钮水平分离 我在 CSS 代码中找不到它 我试图对垂直方向重复相同的操作 但似乎我未能实现这一目标 如何在按钮之间添加垂直分隔 仅当它们垂直堆叠时 第二张图片 但当它们不是 第一张图片 时

  • LESS：使用 Bootstrap 时出现无法识别的输入错误

    升级 Harp 后 我开始得到无法识别的输入不相关的 CSS 行中出现错误 Less gt CSS 无法识别的输入 Users jorge Dropbox harp io apps mysite com public css main le

  • 更改打开的下拉菜单上向上箭头的颜色

    我正在使用 twitter bootstrap 2 0 1 我正在尝试更改下拉菜单的颜色 我已经设法改变了本身掉落的容器的颜色 但是我似乎找不到箭头来自哪里 有人知道我在哪里可以找到箭头来自的代码 以及如何更改它的颜色 箭头代码可以在lin

  • Bootstrap 面板主体，内有表格

    我有一个引导面板 单击图标即可折叠并自动关闭 该面板内部包含一个全宽的表格 但只有在没有任何内容时才看起来像这样panel body 例如 这张桌子横跨面板的整个宽度和高度 看起来不错 但如果我可以有一个围绕桌子的类 我会更喜欢 但是 如果

  • 如何防止 Bootstrap Navbar Toggle 下推内容？

    我将 Bootstrap 与静态顶部导航栏一起使用 如下所示

随机推荐

  • 无效的 iOS 捆绑包 [重复]

    这个问题在这里已经有答案了 该捆绑包无效 Payload xxx app Frameworks FBSDKCoreKit framework FacebookSDKStrings bundle 的 Info plist 文件 丢失或无法读取

  • Azure 服务总线订阅者死信

    我到处寻找这方面的信息 但似乎找不到我要找的东西 我有一个天蓝色的主题 只有一个订阅 订阅的处理程序失败了一些消息 它们已被放入死信队列中 我可以访问这些消息 但我不知道如何恢复它们 我不想创建消息的副本并将其发送到主题 我特别想将其移动到

  • 通过 phpMyAdmin 在 MySQL 中创建 id 字段时是否必须指定整数长度？

    我看到有人在教程中没有设置长度 而是专门为了统计用户总数而设置为自动递增 我一直习惯于总是指定长度 因为我认为这是强制性的 但我想问我是否可以将其留空 除非它特别是始终设置长度的日期或密码等 如果我不确定的话 我曾经将其设置为11位或更多

  • iPhone开发中如何制作画线动画？

    我一直在四处寻找 但对于这个简单的问题似乎没有好的答案 所以我再次问 如何在 iphone dev 中制作线条画动画 基本上我想要的是这样的 implementation MyUIView void triggerLineDrawing C

  • Rails 如何确定传入请求格式？

    我只是想知道 Rails 如何知道请求的格式以正确输入著名的 respond to do format format html format xml format json end 作为一个例子 考虑一下我遇到的这种情况 假设通过 java

  • 便携式数据重新解释

    我想以可移植的方式将一种类型的数据重新解释为另一种类型 C99 我是not说到选角 我想要一个重新解释一些给定的数据 另外 通过portable我的意思是它不违反 C99 规则 我这样做not意味着重新解释的值在所有系统上都是相等的 我知道

  • Formik，是的，使用 React 进行密码强度验证

    我对 React 相当陌生 我有一个注册页面 其中有一个密码字段可以使用正则表达式进行验证 我正在使用 Formik 和 Yup 进行验证 但我遇到了一个错误 当我在 密码 字段中键入时 它表示调用长度函数的属性未定义 yup中有一个名为

  • 带文本板的多行正则表达式

    我不知道如何使文本板执行扩展多行的正则表达式 我尝试使用 perl 语法与 myregex m 和 m 作为修饰符 但这不起作用 我在编辑器中看不到复选框或任何内容来告诉它执行多行操作 有人有主意吗 这是完全可能的 而且简单 你只需使用 n

  • 使用 OpenGL 进行子弹调试抽屉

    我已经摆弄了子弹一段时间 现在我想绘制调试 我有一个 opengl 世界 具有有效的子弹物理和一切 我尝试过的是这样的 我创建了一个像这样的 GLDebugDrawer 类 include LinearMath btIDebugDraw h

  • 错误 1364 (HY000)：字段“MY_DATE”没有默认值

    create table MYTABLE MY DATE int NOT NULL AUTO INCREMENT NAME varchar 255 NOT NULL UNIQUE INSERT INTO MYTABLE NAME value

  • 如何连接两个字典来创建一个新字典？ [复制]

    这个问题在这里已经有答案了 假设我有三个字典 d1 1 2 3 4 d2 5 6 7 9 d3 10 8 13 22 我如何创建一个新的d4结合了这三个字典 IE d4 1 2 3 4 5 6 7 9 10 8 13 22 最慢并且在 Py

  • ConnectivityManager.getActiveNetworkInfo() / NetworkInfo 在 API 29 中已弃用。有什么替代方案？

    看起来像整个 NetworkInfo已弃用 https developer android com reference android net NetworkInfo html在 API 29 上 所以我正在寻找一种替代方法来检查网络是否已

  • python cv2.Videocapture() 不起作用，cap.isOpened() 返回 false

    cv2 Videocapture 在使用网络摄像头时工作正常 但在尝试从硬盘驱动器读取时显示错误 cap isOpened 返回 false import cv2 import numpy as np background cv2 imre

  • 从一个方法返回两个变量

    下面的代码如何正确书写 public String toString int position int xOffset int yOffset String postn String format d d position 0 positi

  • 无法加载资源：Safari 网络连接丢失

    当空闲 在后台 和锁定屏幕时在 iOS WKWebView 中发出 XMLHttpRequest 会导致请求出错 我们在 safari 控制台日志中得到以下信息 加载资源失败 网络连接丢失 有谁知道为什么 Safari 会关闭连接 还是服务

  • R包导出ICS？

    有谁知道 R 函数可以将日期和标签导出为 ics 日历格式 我已经用谷歌搜索过 但没有什么是显而易见的 但不敢相信有人还没有这样做 iCalendar 规范是非常简单 https www rfc editor org rfc rfc2445

  • 在 Flutter GestureDetector 上的 DoubleTap 上获取“详细信息”

    我正在开发一个应用程序 双击时我需要执行一些操作 但它们需要执行双击的位置 该信息通常由 onTapDown Up 等事件的详细信息携带 现在 我知道您可以在 GestureDetector 上调用 onTapDown 和 doubleTa

  • 如何在laravel中删除public文件夹

    我在 xampp 上安装了 laravel 位于http localhost laravel但要测试它我必须去localhost laravel public如何摆脱 public 我希望能够直接通过http localhost larav

  • Dojo 中的 SOAP 请求

    我试图通过 Dojo 调用 SOAP Web 服务 但没有找到有关如何发出 SOAP 请求的相关最新文档 有人有在 Dojo 中发出 SOAP 请求的经验吗 IBM 有东西here http publib boulder ibm com i

  • 将 Bootstrap config.json 文件与 Bower 结合使用

    我使用了 Bootstrap 定制器工具 http getbootstrap com customize http getbootstrap com customize 它生成一个config json每当我需要进行更改时我都会重复使用的文

热门标签