浏览器无法访问CSS_Css_Twitter Bootstrap_Browser_Less_Bootswatch

浏览器无法访问CSS

css twitter-bootstrap browser less

浏览器无法访问CSS,css,twitter-bootstrap,browser,less,bootswatch,Css,Twitter Bootstrap,Browser,Less,Bootswatch,我创建了两个文件夹：引导上一个版本，我保持它不变自定义：自定义变量。lessempty custom-other.lessempty custom-bootstrap.less，其中我放置了以下内容： @导入../bootstrap/less/bootstrap.less； @导入自定义变量； @导入自定义-其他.less； @导入../bootstrap/less/utilities.less 然后我转到bootswatch，选择theme Flatly并将variables.less的

我创建了两个文件夹：

引导上一个版本，我保持它不变自定义：

自定义变量。lessempty

custom-other.lessempty custom-bootstrap.less，其中我放置了以下内容： @导入../bootstrap/less/bootstrap.less； @导入自定义变量； @导入自定义-其他.less； @导入../bootstrap/less/utilities.less

然后我转到bootswatch，选择theme Flatly并将variables.less的内容复制到我的custom-variables.less，将bootswatch.less的内容复制到我的custom-other.less

那我会的

lessc custom-bootstrap.less>custom-bootstrap.css

如何修改index.html的格式以使模板正常工作

`<head>
<title>Bootswatch: Flatly</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" href="./bootstrap.css" media="screen">
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../assets/css/bootswatch.min.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="../bower_components/bootstrap/assets/js/html5shiv.js"></script>
  <script src="../bower_components/bootstrap/assets/js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">

 var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23019901-1']);
  _gaq.push(['_setDomainName', "bootswatch.com"]);
    _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_trackPageview']);

 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script>

我一直试图在这里以不同的方式插入custom-bootstrap.css，但在收听端口8080时，只显示纯文本

我尝试的是：

也

也试过

在Chrome和Mozilla中

也试过

要在浏览器中直接访问css文件-不可能

控制台显示错误404，也找不到其他一些JS文件

请帮助或投票

您的CSS参考应如下所示：

<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

您应该包含自定义的引导css文件，而不是原始文件。如果只使用bootswatch中的variables.less，那么也不需要包含这些变量。所以只要使用：

<link href="assets/css/custom-bootstrap.css" rel="stylesheet">

如果没有帮助，请提供我的文件以帮助更多

PS：你让我在CodeProject的文章中看到这个问题

我从[link]复制了index.html，因此，我的custom-bootstrap.css需要插入到某个地方，将作为示例引用的链接更改为您的自定义css。您能告诉我应该在index.html中替换哪些行以及我应该写什么吗？您需要删除以下行：并将其更改为：我还建议执行以下操作，将所有CSS/JS/图像放在一个文件夹资产中，这样它们就可以很容易地被引用，而不是放在单独的文件夹中。因此，当您引用它们时，它们应该是这样的：assets/css/***或者对于images assets/img/***和您的javascripts assets/js/***Rojan，它对我不起作用。请看我的回购协议。太好了，你到我这里来了：