Docs

[Pablo F]

Hello,

We have developed a plugin to show some data into repetitive blocks. We would like to use the bootstrap cards decks feature. But when trying some of the examples, the cards are not aligned horizontally no matter the width of the browser window.

X-Theme uses the Bootstrap framework, isn´t it?

Do you know why this responsive code is not working as expected? We have tried it into a raw content block inside Cornerstone.

<div class="row">
  <div class="col-sm-6">
    <div class="card card-block">
      <h3 class="card-title">Special title treatment</h3>
      <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
  </div>
  <div class="col-sm-6">
    <div class="card card-block">
      <h3 class="card-title">Special title treatment</h3>
      <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
  </div>
</div>

Thank you in advance.

[Rupok]

Hi there,

Thanks for writing in! X uses a customized version of bootstrap so if you use the code directly as bootstrap code, it won’t work. You need to enqueue the bootstrap stylesheet and scripts with your plugin.

Cheers!

[Author]

Posts