Hi, I have checked both libs and didn't found any issue on it.
Here is working Fiddle: https://jsfiddle.net/dakshika/ukhgt3zq/ Regards, *Dakshika Jayathilaka* Software Engineer WSO2, Inc. lean.enterprise.middleware 0771100911 On Thu, Feb 12, 2015 at 12:13 PM, Dakshika Jayathilaka <[email protected]> wrote: > Hi, > > I have checked both libs and didn't found any issue on it. > > Regards, > > *Dakshika Jayathilaka* > Software Engineer > WSO2, Inc. > lean.enterprise.middleware > 0771100911 > > On Thu, Feb 12, 2015 at 11:59 AM, Mohammed Fawsan <[email protected]> > wrote: > >> >> 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 >> >> >
