Reputation: 1771
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
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