Question about classes about mixitup HOT 7 CLOSED

Hi Desirae,

I can't see any markup in what you posted, just some comment tags. Perhaps it got lost in the markdown formatting. If you indent all your code by one tab, it will get formatted as code:

<div class="example"></div>

from mixitup.

Hi Patrick,

Thank you for showing me how to add code to this. I try to indent by hitting the space bar to get the code to show up but that is not working. What am I doing wrong?

from mixitup.

Try copying and pasting a "tab" from your text editor.

from mixitup.

<div class="row><!--row-->
   <div class="span"><!--column-->
      <p>Category Item</p>
   </div>
   <div class="span"><!--column-->
      <p>Category Item</p>
   </div>
   <div class="span"><!--column-->
      <p>Category Item</p>
   </div>
</div><!--end row-->
<div class="row><!--row-->
   <div class="span"><!--column-->
      <p>Category Item</p>
   </div>
   <div class="span"><!--column-->
      <p>Category Item</p>
   </div>
   <div class="span"><!--column-->
      <p>Category Item</p>
   </div>
</div><!--end row-->

Here is the way the markup is structured.

from mixitup.

Does anybody have experience getting mixitup to work with the Twitter Bootstrap framework?

from mixitup.

Hi Desirae,

Sorry for the late reply. The markup you are using won't work unfortunately. All target elements need to be siblings in the same container (i.e. no "rows" wrappers). We don't recommend using any sort of pre-made grid framework with MixItUp. Instead, we recommend you markup and style your own grid using this technique: http://www.barrelny.com/blog/text-align-justify-and-rwd/ - or just check out any of our demos or the sites linked to on our homepage.

You could override/hack the bootstrap styles with your own CSS, but as far as wrapping subsets of elements in "rows", that won't work. It's also not responsive as it does not allow elements to re-flow from one row to another on page-resize. This is the advantage of using display: inline-block which MixItUp is essentially built upon.

You can of course continue using Bootstrap everywhere else on your site, but when it comes to the grid which you are going to use with MixItUp, I would definitely recommend building your own.

I hope that helps.

from mixitup.

Thank you

from mixitup.