0 Replies Latest reply on Oct 27, 2013 11:53 PM by websemantic

    Tip: resolve Bootstrap & Animate conflict

    websemantic

      I built a wee navigation system for a set of pages showing Edge Animate (EA) compositions. The system was built using Twitter Bootstrap 3.

       

      When I drew circles, they appeared smaller and slightly offset when in the browser as compared to EA.

       

      The issue was a piece of CSS that comes with Bootstrap that has to be overridden:

       

      Original CSS:

       

      *,

      *:before,

      *:after {

        -moz-box-sizing: border-box;

        box-sizing: border-box;

      }

       

      Override CSS:

      *,

      *:before,

      *:after {

        -moz-box-sizing: inherit;

        box-sizing: inherit;

      }