Title: Loading Two Column Bootstrap
Last modified: August 31, 2016

---

# Loading Two Column Bootstrap

 *  Resolved [914Digital](https://wordpress.org/support/users/soulstatic/)
 * (@soulstatic)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/)
 * Hey. Great plugin. I’m having an issue trying to get a 2 column layout in Bootstrap
   to work. Any tips, tricks would be greatly appreciated. I’m using a custom theme.
 * Site is here:
    [http://helmsleybuilding.com/urban-space/](http://helmsleybuilding.com/urban-space/)
 * [https://wordpress.org/plugins/malinky-ajax-pagination/](https://wordpress.org/plugins/malinky-ajax-pagination/)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Thread Starter [914Digital](https://wordpress.org/support/users/soulstatic/)
 * (@soulstatic)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-7261791)
 * One more thing. I seem to lose jquery functionality. Any way to get that back
   with the newly loaded posts?
 *  Plugin Author [craigramsay](https://wordpress.org/support/users/malinkymedia/)
 * (@malinkymedia)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-7261861)
 * Hi. Unfortunately the plugin won’t work well with your current markup. The issue
   with the two column layout is that you have wrapping divs on each row. So on 
   a desktop screen each row has two posts which are contained in the following 
   markup:
 * `<div class="row">`
    `<div class="col-md-6" data-paginator-count="1"></div>` `
   <div class="col-md-6" data-paginator-count="1"></div>` `</div>`
 * The solution is to rework the html so that you don’t have the row wrapper and
   the posts just wrap round the page, using floats if necessary.
 * The plugin when adding new posts targets the last post on the page and with your
   current setup this will always be in the right hand column hence why that gets
   filled up.
 *  Plugin Author [craigramsay](https://wordpress.org/support/users/malinkymedia/)
 * (@malinkymedia)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-7261863)
 * If you struggle to make the amends please drop me an email and I’ll try and work
   through a solution with you.
 * [hello@wordpress-ajax-pagination.com](https://wordpress.org/support/topic/loading-two-column-bootstrap/hello@wordpress-ajax-pagination.com?output_format=md)
 * Thanks.
 *  Plugin Author [craigramsay](https://wordpress.org/support/users/malinkymedia/)
 * (@malinkymedia)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-7261885)
 * Hi again,
 * I had a few minutes spare so I’ve made the adjustments to your template and the
   plugin should now work in the two columns layout for you.
 * If you can email me please I’ll send it over to you with the explanation.
 * Thanks
 *  Plugin Author [craigramsay](https://wordpress.org/support/users/malinkymedia/)
 * (@malinkymedia)
 * [10 years ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-7261968)
 * Resolved directly with OP
 *  [Stagger Lee](https://wordpress.org/support/users/stagger-lee/)
 * (@stagger-lee)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-8243698)
 * Most strange is it calculate right height (allow Bootstrap JS to do it) when 
   plugin is using Ajax (native) pagination option.
 * Is it possible to trick code to use Load more, or Infinite but display as in 
   Pagination option ?
    I mean to leave last page visible and continue to scroll.
   Dont know if this would make conflict inside Bootstrap JS self.
 * The other tweak, without ruining and changing template much, is with CSS ellipsis
   prevent Post Titles to go another line. And to give excerpt area constant min-
   height. Then it works fine, but as usual many devices, many screen sizes. Tweak
   to rather avoid if possible.
    -  This reply was modified 9 years, 7 months ago by [Stagger Lee](https://wordpress.org/support/users/stagger-lee/).
 *  Plugin Author [craigramsay](https://wordpress.org/support/users/malinkymedia/)
 * (@malinkymedia)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-8247177)
 * Hi, I don’t quite follow what you mean about tricking the code. If the problem
   is the same as the op then you need to rework the template as the pagination 
   doesn’t know where to insert the new posts. Your post divs need to just wrap,
   which is better way to mark things up anyway the extra divs just aren’t required.
 * I can’t help much more without seeing a demo if you have one.
 * Thanks
 *  [Stagger Lee](https://wordpress.org/support/users/stagger-lee/)
 * (@stagger-lee)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-8247306)
 * Difficult to rewrite all those free/commercial Themes with update option.
 * I meant to “trick” code to work as with Pagination option active, but just dont
   hide Posts from previous site. Dont know how much plugin does there and how much
   WP, or if it is possible at all.
 * This way it would work with all themes to 100%, and Infinite od Load more could
   be used.
 *  [Stagger Lee](https://wordpress.org/support/users/stagger-lee/)
 * (@stagger-lee)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-8248344)
 * No, it cannot possibly work. Problem with URL rewrite and page numbers in URL.
   
   But still, if you get some idee with time just say.
 * Sorry for demo, it is on localhost. Works all the way except when new set od 
   grid Posts is loaded it cannot calculate right min-height anymore. I tried with
   jQuery equal height (different) snippet but seems cannot stick to Load More code
   and influence anything.
    -  This reply was modified 9 years, 7 months ago by [Stagger Lee](https://wordpress.org/support/users/stagger-lee/).

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Loading Two Column Bootstrap’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/malinky-ajax-pagination_e2c6ba.svg)
 * [Ajax Pagination and Infinite Scroll](https://wordpress.org/plugins/malinky-ajax-pagination/)
 * [Support Threads](https://wordpress.org/support/plugin/malinky-ajax-pagination/)
 * [Active Topics](https://wordpress.org/support/plugin/malinky-ajax-pagination/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/malinky-ajax-pagination/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/malinky-ajax-pagination/reviews/)

 * 9 replies
 * 3 participants
 * Last reply from: [Stagger Lee](https://wordpress.org/support/users/stagger-lee/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/loading-two-column-bootstrap/#post-8248344)
 * Status: resolved