Bootstrap 3定制:调整,测试,冲洗和放大重复

时间:2014-11-05 01:14:57

标签: css twitter-bootstrap

我正在尝试弄清楚如何自定义Bootstrap 3并使用the main BS customization page

几个问题:

  1. 该页面中间右侧是以下文字:“是否有现有配置?上传config.json进行导入。”。 什么是config.json?我刚刚下载的Bootstrap版本中没有看到任何config.json个文件...
  2. 这个页面有一个漂亮的小形式,我可以用LESS变量,然后生成一个使用这些变量的自定义引导程序。单击此表单底部的“编译并下载”按钮将生成bootstrap.zip。但是这个工具没有给我任何方法来在任何类型的“展示”应用程序中对变量值进行采样。所以我问:**我怎样才能生成bootstrap.zip这个生成并将我自定义版本的Bootstrap应用于某些(任何)将演示我的自定义外观?我听说Bootstrap文档可能是这种“展示应用程序”的一个很好的来源,但不知道如何在我的机器上本地获取它们,或者如何将自定义样式应用于它们。

1 个答案:

答案 0 :(得分:2)

    更改变量时使用
  1. config.json,如果不更改任何内容,则不会生成变量。
  2. enter image description here

    1. 去bootstrap repo并下载master.zip - 文档就在那里。
    2. enter image description here

      1. Google for Bootstrap 3 Kitchen Sink,您可能会找到一个用于测试主题的html文件。我最近做了这个:http://jsbin.com/homec/1/ - 转到编辑文件:http://jsbin.com/homec/1/edit?html,css,js,output,然后删除指向CDN的链接,并在服务器上添加指向您文件的链接,或者只是复制出html并将其弄清楚本地。

      2. 直接使用LESS更容易,然后在本地更新时查看您的网站。 CodeKit为我做了这件事,速度非常快。

      3. 与任何Kitchen Sink html一样,您会发现对文档进行双重检查,并确保它已正确实施。请务必阅读文档并使用他们的示例作为起点。