title: My view does not load CSS/JS files outside Views folder
body: <p>I have a view inside my Views folder in my MVC 3 application which loads CSS, Images and JS files from a folder at root level of the application. On running the View get the following output, 
  I tried using</p>
  
  <ul>
  <li><p><code>&lt;link href="@Url.Content("~/RootFolder/styles.css")" rel="stylesheet" type="text/css" /&gt;</code> for CSS and below code which did not work</p>
  
  <p><code>&lt;script src="@Url.Content("~/RootFolder/jquery-1.8.3.min.js")" type="text/javascript"&gt;&lt;/script&gt;</code></p>
  
  <ul>
  <li>I added  in my views Web.config file</li>
  </ul></li>
  </ul>
  
  <p><img src="https://i.stack.imgur.com/AGAHL.jpg" alt="Cannot load JS,CSS and images from root folder"></p>
  
  <p></p>
  
  <p>I cannot load CSS/Images/JS files from the root folder, But if I place the cshtml file in the root folder where CSS/Images/JS files are present the application works as expected displaying everything. Can you please help me resolve this issue</p>
  
  <p>Thanks for your help :-) </p>
  
  <p>UPDATE: My HTML code looks as shown in the below image</p>
  
  <p><img src="https://i.stack.imgur.com/tMcEf.png" alt="HTML Code looks like this"></p>
  
  <p>My folder hierarchy in the application looks as </p>
  
  <p><img src="https://i.stack.imgur.com/EI11r.jpg" alt="Folder Hierarchy in my application"></p>