Responsive, Mobile, Bootstrap base Theme Esentials

While creating, converting responsive/mobile theme don't forget to put viewport meta tag
 <meta name="viewport" content="width=device-width, initial-scale=1">
. Otherwise you get desktop like theme with bootstrap.

Toggle Button

To get working toggle button add both JavaScript(jquery-2.1.3.min.js & bootstrap.min.js) at the bottom of the page instead of head.

Toggle button code

 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
Place collapsible nave bar into .collaps class
  <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
/* Menu links goes here */
</div>

Conflict with TinyMCE

While using Latest Jquery & bootstrap JavaScript at footer for toggle button in Drupal 6 I have experience about Jquery conflict with TinyMCE and TinyMCE editor fail to display. To overcome this instead of Drupal's (WYSIWYG/TinyMCE) module use CDN version from TinyMCE (https://www.tinymce.com/download/) CDN version of TinyMCE editor is very easy to setup and avoid unnecessary conflict and errors.

Sample blackbox block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non porta odio, id mattis erat.

Nam sed tincidunt eros. Donec a venenatis odio, vitae commodo sem. Vivamus ullamcorper pellentesque erat, in adipiscing tortor scelerisque sit amet. Nulla pulvinar urna magna. Vivamus a ipsum lorem. Etiam adipiscing pulvinar lorem.