Hi Fawsan, You can prevent this issue by giving a top/parent class and inherit the child style conflicts. If you can show the styles to me, I will be able to help you.
Regards, Jerad 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 > -- *Jerad Rutnam* *Software Engineer* WSO2 Inc. lean | enterprise | middleware M : +94 77 959 1609 | E : [email protected] | W : www.wso2.com
_______________________________________________ Dev mailing list [email protected] http://wso2.org/cgi-bin/mailman/listinfo/dev
