Targetted Grid System like Bootstrap #890

Open
anandbohra opened this Issue Nov 5, 2016 · 2 comments

Projects

None yet

2 participants

@anandbohra
anandbohra commented Nov 5, 2016 edited

Hi
I liked your project very much & looking for shifting into this from Bootstrap.
can you help me in getting below requirement.
in Bootstrap we can set No of Column for each screen size like Large, Mid Small etc etc. do this Metro UI has similar provision or alternate to it??

also in Bootstrap raw if there are more items then it automatically shifts them to second row. e.g. if row contains 8 items & if I mark cells as col-lg-3 so it will automatically show them as 2 row of 4 items each but I failed to replicate in you CSS.

I have created row with 5 cells (your basic grid) give

 <div class="grid">
     <div class="row cells2">
         <div class="cell">
         </div>
         <div class="cell">
         </div>
         <div class="cell">
         </div>
         <div class="cell">
         </div>
         <div class="cell">
         </div>
     </div>
  </div>

in above case only first 2 cells appear next to each other then rest 3 comes in individual lines
also can I specify number of cells for each screen size?
pl help me by providing proper guidance or link to clear my doubts.

@anandbohra

there was formatting issue in main CSS
I added to a separate CSS & seems ok but still awaiting for different column count on different resolutions like Bootstrap

.grid .row > .cell {
  margin: 5px;
}


@xiecsuk
xiecsuk commented Feb 20, 2017

I would also like to see the capability of re-defining the cell layout as the size of the view-port changes. It allows a much more pleasing layout to be defined on the smaller screen sizes. As anandbohra points out, it is possible to do this in Bootstrap and also W3.CSS. two competing systems.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment