I have been trying to create a Grid with Gridster <http://gridster.net/>.js,
The Grid also uses Bootstrap. I have used a tabbed nav bar for navigation.
They both use li items to add the items. And when I include both gridster &
bootstrap CSS files, gridster somehow overrides the bootstrap CSS and it
ruins the tabbed menu of bootstrap. What can I do to keep the styles for
both li items?
PS : I have tried re arranging the order of both CSS files, It did not work
as well.
HTML structure of gridster div
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1"></li>
<li data-row="2" data-col="1" data-sizex="1" data-sizey="1"></li>
<li data-row="3" data-col="1" data-sizex="1" data-sizey="1"></li>
</ul></div>
HTML Structure of bootstrap div
<ul class="nav nav-tabs">
...
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"
role="button" aria-expanded="false">
Dropdown <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
...
</ul>
</li>
...</ul>
-Regards
--
Mohammed Fawsan
Software Engineering Intern,
Faculty of Engineering, University of Peradeniya.
+94771121195
_______________________________________________
Dev mailing list
[email protected]
http://wso2.org/cgi-bin/mailman/listinfo/dev
