Hadi Farhadi
Hadi Farhadi

Reputation: 1771

twitter-bootstrap grid system columns for less than 768px

I've used bootstrap grid system in a project.

I want to have:

Edit: How can i make something like this? col-xxs-12 (Django template example):

<div class="row">
    {% for item in product %}
        <div class="col-md-3 col-sm-4 col-xs-6 **col-xxs-12**">
            <div class="well">
                {{item.model}}
            </div>
        </div>
    {% endfor %}
</div>

Upvotes: 2

Views: 234

Answers (1)

iurii
iurii

Reputation: 4230

as a solution

<style>
  @media (max-width: 384px) {
    .hidden-xxs {
      display: none;
    }

    .visible-xxs {
      display: block;
    }
  }
  @media (min-width: 385px) {
    .visible-xxs {
      display: none;
    }
  }
</style>

<div class="row hidden-xxs">
  <div class="col-xs-6">
    visible on less than 768px
  </div>

  <div class="col-xs-6">
    visible on less than 768px
  </div>
</div>

<div class="visible-xxs">
  less than 384px
</div>

Upvotes: 1

Related Questions