title: Enable js file functions only if elements are in a specific div
body: <p>I try to graphically integrate my phpbb forum (v3.1) in my bootstrap website. To do that I've added the bootstrap css file, my navabar in the <code>overall-header.html</code> and my footer in the <code>overall-footer.html</code>. To avoid conflicts, I've "encapsulated" the forum between <code>&lt;div id="phpbb"&gt;&lt;/div&gt;</code> so all phpbb's css has the prefix <code>#phpbb</code> (like in this <a href="http://www.jfusion.org/forums/viewtopic.php?f=39&amp;t=1816" rel="nofollow">tutorial</a>).
  My problem is when I've added the bootstrap css file, all the javascript of my forum has stopped working. 
  So is it possible to enable forum js files functions only in the <code>&lt;div id="phpbb"&gt;&lt;/div&gt;</code> to avoid conflicts with bootstrap ? Indeed phpbb js is based on classes to toggle dropdowns for example but in bootstrap there are the same classes.</p>