title: Work with Bootstrap 3.3.6 in Liferay 6.2
body: <p>I'm working with Bootstrap 3 in Liferay 6.2. I inserted the bootstrap.css and bootstrap.min.js in the CSS and JS. I've also changed some style in my custom.css incompatilibilidad</p>
  
  <p>Do you have a better idea of ​​it?</p>
  
  <p>Then I attached the steps I followed to insert Bootstrap 3 in my Liferay 6.2. Well above gives me a few compatibility issues ... I would like your opinion, for eg if a more optimal code to work with these tools and these versions. I need your help to improve this and that everyone can work with Bootstrap 3 in Liferay 6.2. This is my two cents.</p>
  
  <p>STEPS:</p>
  
  <p>1 - Put the Bootstrap CSS, JS, and fonts in _diffs directory folder inside your theme</p>
  
  <p>2 - We open or create the main.css file and make a call to the file Bootstrap.css</p>
  
  <p>3 - On the portal_normal.vm add two calls to JavaScript with the name shown in the above scheme.</p>
  
  <p>4 - We insert in custom.css CSS classes that conflict with the version 2.3.2 default one Liferay</p>
  
  <p>--- custom.css ---</p>
  
  <pre><code>.signed-in .collapse {  display:block;  } 
  .lfr-edit-layout-panel .collapse{  display:block; } 
  .dockbar.navbar-static-top .collapse {      display: block;  } 
  .navbar-inner .collapse{     display:block;   } 
  .dockbar-ready section#content {    padding: 0 0 0 0;  }
   
  .dockbar.navbar-static-top {
    background-color: transparent;
    padding: 0px;
  }
  .dockbar-messages{  display:none; }
   
  .lfr-device-preview{  z-index: 1000;  }
   
  .modal{   display:block; }
   
  .modal-hidden{ display:none; }
  </code></pre>