<p dir="auto">Here are the steps I followed to learn node.js and Boostrap</p>
<ol dir="auto">
<li>Downloaded the bootstrap .zip file from the github<br>
$ wget <a href="https://github.com/twbs/bootstrap/releases/download/v3.0.0/bootstrap-3.0.0-dist.zip">https://github.com/twbs/bootstrap/releases/download/v3.0.0/bootstrap-3.0.0-dist.zip</a></li>
<li>Extract the files<br>
$unzip bootstrap-3.0.0-dist.zip</li>
<li>Create a directory<br>
$  mkdir myapp</li>
<li>Copy the extracted bootstrap directory to "myapp" folder and name it "mybootstrap"<br>
$ move dist myapp/mybootstrap</li>
<li>Create app.js as below</li>
</ol>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/64a9569e588b1c147452265ffde989757c719874045795de768adf5674dcc12a/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353639322f30636236633565322d326238392d313165332d383830312d3832646461653638653930332e4a5047"><img src="https://camo.githubusercontent.com/64a9569e588b1c147452265ffde989757c719874045795de768adf5674dcc12a/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353639322f30636236633565322d326238392d313165332d383830312d3832646461653638653930332e4a5047" alt="capture_appjs" data-canonical-src="https://f.cloud.github.com/assets/4803827/1255692/0cb6c5e2-2b89-11e3-8801-82ddae68e903.JPG" style="max-width: 100%;"></a></p>
<ol dir="auto">
<li>Created index.html as below (note: bootstrap directory is updated)</li>
</ol>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/458ec52f280fbee4e2818bc90129e71d8743a75148f46c22cd01b171c953834e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353730342f34323062383035322d326238392d313165332d396338612d3365366465376338393734382e4a5047"><img src="https://camo.githubusercontent.com/458ec52f280fbee4e2818bc90129e71d8743a75148f46c22cd01b171c953834e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353730342f34323062383035322d326238392d313165332d396338612d3365366465376338393734382e4a5047" alt="capture" data-canonical-src="https://f.cloud.github.com/assets/4803827/1255704/420b8052-2b89-11e3-9c8a-3e6de7c89748.JPG" style="max-width: 100%;"></a></p>
<ol dir="auto">
<li>When I execute node app and view the page in Chrome browser, I do not see the bootstrap applied index.html (See image below)<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/9f5c27bf1a30dea6dcbc08cdd0f01e4cebf2ad88dde13aa4d2e2c6c8f6e30949/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353733312f61663466663362342d326238392d313165332d393839622d3363333261633436663935312e4a5047"><img src="https://camo.githubusercontent.com/9f5c27bf1a30dea6dcbc08cdd0f01e4cebf2ad88dde13aa4d2e2c6c8f6e30949/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353733312f61663466663362342d326238392d313165332d393839622d3363333261633436663935312e4a5047" alt="capture_chrome" data-canonical-src="https://f.cloud.github.com/assets/4803827/1255731/af4ff3b4-2b89-11e3-989b-3c32ac46f951.JPG" style="max-width: 100%;"></a></li>
<li>When I tried to look at the css file by clicking on the URL, I get a Cannot GET error.</li>
</ol>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/4e24b3cf41a4284a6a83e951ef4edafb24f5c26f84c5e0ff2b605cc7f7c6cd70/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353734392f66393233663231302d326238392d313165332d396238652d3461363161373636653132342e4a5047"><img src="https://camo.githubusercontent.com/4e24b3cf41a4284a6a83e951ef4edafb24f5c26f84c5e0ff2b605cc7f7c6cd70/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353734392f66393233663231302d326238392d313165332d396238652d3461363161373636653132342e4a5047" alt="capture_404" data-canonical-src="https://f.cloud.github.com/assets/4803827/1255749/f923f210-2b89-11e3-9b8e-4a61a766e124.JPG" style="max-width: 100%;"></a></p>
<p dir="auto">If I refer to CDN links, instead of my local links, the page renders just fine. So, I am lost as to what may be wrong with my setup. I checked the permission on the folder as well.</p>
<p dir="auto">The above is setup on Ubuntu Linux.</p>
<p dir="auto">Appreciate any help in this regard.</p>
<p dir="auto">Thanks in advance,</p>
<p dir="auto">Vinay</p>
<p dir="auto">I am new to node.js and Bootstrap. Here is what I have done so far on a Linux setup.</p>
<ol dir="auto">
<li>$    mkdir myapp</li>
<li>$ mv bootstrap myapp/mybootstrap  - Moving the downloaded compiled bootstrap to "mybootstrap" folder under "myapp" directory</li>
</ol>
<p dir="auto">2.$ emacs app.js</p>
<p dir="auto">app.js looks like below<br>
<code class="notranslate"><br>
var express = require('express');<br>
var fs = require('fs');</code></p><code class="notranslate">
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="          var app = express();

     app.get('/', function(request, response){
             response.send(fs.readFileSync('index.html', 'utf8'));
         });

          var port = process.env.PORT || 8888;

         app.listen(port, function(){
             console.log(&quot;Listening on &quot; + port);
       });"><pre class="notranslate"><code class="notranslate">          var app = express();

     app.get('/', function(request, response){
             response.send(fs.readFileSync('index.html', 'utf8'));
         });

          var port = process.env.PORT || 8888;

         app.listen(port, function(){
             console.log("Listening on " + port);
       });
</code></pre></div>
</code>
1. $    emacs index.html - I have copied the content of HTML shown at http://getbootstrap.com/getting-started/. I have changed the path settings for referring to bootstrap files as below
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/998205248669668e6534dfacd95b964cf276e64dc1bd856f3f06b85e049668c8/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353036312f62356336323063612d326237652d313165332d383237332d6464366432366166326231322e4a5047"><img src="https://camo.githubusercontent.com/998205248669668e6534dfacd95b964cf276e64dc1bd856f3f06b85e049668c8/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f343830333832372f313235353036312f62356336323063612d326237652d313165332d383237332d6464366432366166326231322e4a5047" alt="capture" data-canonical-src="https://f.cloud.github.com/assets/4803827/1255061/b5c620ca-2b7e-11e3-8273-dd6d26af2b12.JPG" style="max-width: 100%;"></a></p>
<ol dir="auto">
<li>All the necessary require packages are in place</li>
</ol>
<p dir="auto">When I execute node app, the page does show up, however the bootstrap CSS is not applied.</p>
<p dir="auto">Google Chrome's "Inspect Element" option shows the error as "</p>
<p dir="auto"><a href="http://IPADDRESS:8888/mybootstrap/css/bootstrap.min.css" rel="nofollow">http://IPADDRESS:8888/mybootstrap/css/bootstrap.min.css</a><br>
404<br>
Not Found"</p>
<p dir="auto">I don't know what am I doing wrong.</p>
<p dir="auto">Any help would be greatly appreciated.</p>
<p dir="auto">Thanks<br>
Vinay</p>