Question

在为一些小项目使用Foundation 5之后，我想切换到Bootstrap 3的Sass版本，但我坚持设置并且无法在互联网上找到“如何”......

我已经下载了bootstrap-sass-master，ruby和指南针。然后我使用Ruby命令提示符“compass create MyProject”。然后我将所有内容从bootstrap-sass-master \ vendor \ assets复制到指南针创建的MyProject文件夹中。然后我在该文件夹中创建了一个index.html，其中包含来自bootstrap站点的模板中的代码。这就是头部的样子：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../assets/ico/favicon.ico">

    <title>Starter Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="/stylesheets/screen.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="starter-template.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

基本上我跟着这个两岁的例子： http://webdesign.tutsplus.com/articles/quick-tip-working-with-sass-and-bootstrap--webdesign-9153

但是现在我卡住了，因为我没有style.css只是一个screen.css但是有了这个文件它不起作用...... 我的index.html显示没有应用任何样式。

你能帮助我吗，我确定我做错了所有事情......

Answer 1

您必须做的第一件事就是提供一个接入点。

使用指南针，你将编译sass文件，最后，你将得到一个.css文件。

所以，让我们说你的目标是拥有一个main.css文件。

你必须用罗盘编译它并提供这个。在main.scss上，您应该导入所有引导程序scss。你需要调用bootstrap.scss，在那里，这个文件将负责导入所有需要的文件。（观看路线）

您可以控制所需的数量。并且始终记得在引导程序底部编写代码，以便覆盖它。

还可以查看_variables.scss，即修改bootstrap的地方。建议在导入引导之前创建另一个_variables.scss，因此bootstrap将使用您的变量而不是默认变量。

希望它有所帮助。

设置Bootstrap 3 Sass版本，不可能？

1 个答案: