title: Implementing bootstrap-sass in jekyll
body: <p>i've installed correctly my gemfile and i configure correctly my _configure.yml how can i improve my bootstrap-sass.
  i cannot display or implement bootstrap-sass in jekyll what's wrong?</p>
  
  <blockquote>
     _assets   </li>   <ul>   <li> stylesheets</li>
        <ul>
          <li> bootstrap</li>
         <ul>
           <li>...more bootstrap</li></ul>
           <li> _bootstrap-compass.scss</li>
           <li> _bootstrap-sprockets.scss</li>
           <li> _bootstrap.scss</li>
           <li> _bootstrap-mincer.scss</li>
           <li> _fonts.scss</li>
           <li>  _bootstrap.scss</li>
           <li> _responsive.scss</li>
           <li>  main.css</li></ul>
           <li> javascripts</li>
           <ul> 
            <li>boostrap</li>
            <ul> 
             <li> more javascript</li>
           </ul>
           <li> main.js</li>
           <li>  particle.js</li>
           <li> particle.min.js</li>
         </ul>    </ul>  
  </blockquote>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>_assets/javascripts/main.js
  
  //= require jquery 
  //= require particles 
  //= require particles.min 
  //= require bootstrap 
  //= require bootstrap.min
  //= require bootstrap-sprockets</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>_assets/stylesheets/main.css
  
      body { margin: 60px auto; width: 70%; }
      
      a { text-decoration: none; color: #999; }
      a:hover { text-decoration: underline; }
      @import "font-awesome-sprockets";
      @import "font-awesome";
      p, ul { font-size: 1.5em; line-height: 1.4em; color: #333; }
      
      @import "responsive"
      @import "fonts"
      @import "bootstrap"
      @import "bootstrap-sprockets"
      @import "bootstrap-mincer"
      @import "bootstrap-compass"</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  
  
    &lt;div&gt; _assets
        &lt;/li&gt;
        &lt;ul&gt;
        &lt;li&gt; stylesheets&lt;/li&gt;
          &lt;ul&gt;
            &lt;li&gt; bootstrap&lt;/li&gt;
           &lt;ul&gt;
             &lt;li&gt;...more bootstrap&lt;/li&gt;&lt;/ul&gt;
             &lt;li&gt; _bootstrap-compass.scss&lt;/li&gt;
             &lt;li&gt; _bootstrap-sprockets.scss&lt;/li&gt;
             &lt;li&gt; _bootstrap.scss&lt;/li&gt;
             &lt;li&gt; _bootstrap-mincer.scss&lt;/li&gt;
             &lt;li&gt; _fonts.scss&lt;/li&gt;
             &lt;li&gt;  _bootstrap.scss&lt;/li&gt;
             &lt;li&gt; _responsive.scss&lt;/li&gt;
             &lt;li&gt;  main.css&lt;/li&gt;&lt;/ul&gt;
             &lt;li&gt; javascripts&lt;/li&gt;
             &lt;ul&gt; 
              &lt;li&gt;boostrap&lt;/li&gt;
              &lt;ul&gt; 
               &lt;li&gt; more javascript&lt;/li&gt;
             &lt;/ul&gt;
             &lt;li&gt; main.js&lt;/li&gt;
             &lt;li&gt;  particle.js&lt;/li&gt;
             &lt;li&gt; particle.min.js&lt;/li&gt;
           &lt;/ul&gt;
         &lt;/ul&gt;
       &lt;/div&gt;
  _includes/head.html
  
      &lt;link rel="stylesheet" href="{{ "/stylesheets/main.css" | prepend: site.baseurl }}"&gt;&lt;/html&gt;
       </code></pre>
  </div>
  </div>
  </p>
  
  <p>i cannot recognize my css in my jekyll .. what i'm doing wrong with jekylls?
  i've installed the gems i configured my _configure.yml</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>_assets/javascripts/main.js
  
   //= require jquery 
   //= require particles 
   //= require particles.min 
   //= require bootstrap 
   //= require bootstrap.min
   //= require bootstrap-sprockets</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>_assets/stylesheets/main.css
  
      body { margin: 60px auto; width: 70%; }
      
      a { text-decoration: none; color: #999; }
      a:hover { text-decoration: underline; }
      @import "font-awesome-sprockets";
      @import "font-awesome";
      p, ul { font-size: 1.5em; line-height: 1.4em; color: #333; }
      
      @import "responsive"
      @import "fonts"
      @import "bootstrap"
      @import "bootstrap-sprockets"
      @import "bootstrap-mincer"
      @import "bootstrap-compass"</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>_includes/head.html
  
      &lt;link rel="stylesheet" href="{{ "/stylesheets/main.css" | prepend: site.baseurl }}"&gt;&lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>