我想设置像那样的引导Twitter Bootstrap Customization Best Practices 我想通过响应版本。我发现这个线程Twitter Bootstrap responsive css is not generated form the less files 但我不清楚我如何设置引导文件,所以我可以使用响应版本来定制它?Twitter Bootstrap自定义响应
3
A
回答
1
如果您想知道如何使用less来自定义引导CSS,然后在您的项目中使用它,那么有基本的方法。
您可以将您的自定义组合到基本引导程序的css文件中,并将其导入到您的项目中,或者可以不改变引导程序文件,为您的自定义创建第二个css文件并将其导入到项目中,引导CSS。
覆盖vs覆盖。
从你给的第一个链接,你可以看到两种方法都有他们的支持者。
我通常使用第一种方法,这就是我所做的。
- 下载的文件少,here is one source的副本,并将其添加到您的项目文件
- 打开bootstrap.less文件。你会看到,它编排一切,并导入个人少的文件
- 创建主题variables.less和主题css.less文件并保存到这个文件夹中少
- 您需要在导入这些文件正确的顺序。将核心变量和mixins块末尾的变量文件添加到
@import "theme-variables.less";
以及底部CSS块末尾的主题文件@import "theme-css.less";
适用于我。根据你正在定制什么,你可能需要玩这个有点
这基本上是它。编辑您的自定义文件,编译bootstrap.less,并将生成的引导程序css文件导入到您的项目中。
当然,在开始时您希望保持良好的备份以避免出现问题,并且同样在升级Bootstrap时。
祝你好运!
1
相关问题
- 1. twitter bootstrap响应自定义div布局
- 2. Twitter Bootstrap - 不想要响应
- 3. Twitter Bootstrap - 导航无响应?
- 4. angularjs自定义twitter bootstrap模态指令
- 5. Twitter Bootstrap自定义CSS包含
- 6. Twitter Bootstrap - 如何自定义填充
- 7. 响应式背景与Twitter Bootstrap?
- 8. Twitter Bootstrap - 最小宽度:980px响应
- 9. 使用Twitter Bootstrap的响应式布局
- 10. Twitter Bootstrap菜单没有响应触摸
- 11. Twitter Bootstrap 3导航栏不响应
- 12. Twitter Bootstrap轮播响应不正常
- 13. Twitter Bootstrap与span4标签响应问题
- 14. Twitter Bootstrap 16列响应式CSS,如何?
- 15. twitter bootstrap响应式菜单悬停
- 16. Twitter Bootstrap响应ul文本换行
- 17. Twitter Bootstrap响应式CSS选择器
- 18. Twitter Bootstrap - 响应式导航栏
- 19. 响应式CSS与Twitter Bootstrap问题
- 20. Bootstrap 3自定义主题中的响应表代码替换
- 21. jQuery自定义内容滚动不工作Bootstrap表响应
- 22. 使自定义组织图表响应。 CSS,HTML,Bootstrap
- 23. 自定义servlet响应
- 24. 自定义Json响应
- 25. 用自定义JSON响应
- 26. 自定义katharsis json响应
- 27. 使Twitter自举响应
- 28. Twitter Bootstrap导航栏固定底部自定义高度
- 29. Twitter Bootstrap响应式导航栏 - 定位链接
- 30. Twitter Bootstrap - 强制响应/特定设备的布局宽度/ useragent