I am trying to loop a dict in a bootstrap grid where the key is on top of
the value(this does work); the key value pairs should sit side by side in
neat rows of 3 as in col-sm-3* (this does not happen)*
*Problem*: the print is either to the left or to the right with only one
div per row; they stack.
if i do *col-sm* the div is in the middle. if i use *col-sm-3* it is to
the left.
There is nothing in code indicating forced alignment.
Here's what i have in view
<div id="services" class="container-fluid text-center">
{{for key,val in suggestions.items():}}
<div class="row slideanim">
<div class="col-sm">
<span class="glyphicon glyphicon-heart logo-small"></span>
<h2> {{=key}}</h2>
<h4>
{{=val}}
</h4>
{{pass}}
</div>
</div>
the dict "suggestions" is stored in a model file my_dic.py; nothing unique;
simple key/value pairs.
any idea on how to get the key/value pairs to sit side by side until they
fill the row then make a new row until the loop is completed?
Thanks much
Rob
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.