<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Thanks, Andres.<div class=""><br class=""></div><div class="">Yeah, I’d agree with you about enough Grid12.</div><div class="">Table columu width should be in other layout controller.</div><div class=""><br class=""></div><div class="">June</div><div class=""><br class=""><div><blockquote type="cite" class=""><div class="">On Mar 4, 2016, at 7:30 PM, Andres Galante <<a href="mailto:agalante@redhat.com" class="">agalante@redhat.com</a>> wrote:</div><br class="Apple-interchange-newline"><div class=""><div dir="ltr" class="">Hi June,<div class=""><br class=""></div><div class="">To be honest I don't think we need more than 12 columns. Bootstrap grid can be subdivided. This means that you can take any column and subdivided it into 12 columns.</div><div class=""><br class=""></div><div class="">This is specially useful in situations where you want to create a main column and a sidebar, and then divide the main column again.</div><div class=""><br class=""></div><div class="">The example you are showing is a table, and I think Taos solution is correct. Although it is possible I wouldn't use bootstrap grid on a table since tables are already divided into columns. In order to achieve Taos solution, table layout should be set to fixed. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout" class="">https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout</a></div><div class=""><br class=""></div><div class="">If for any reason you absolutely need to divide the grid into 24 spaces rather than 12, and change the gutter from 30px to 20px as suggested in the comments, you can easily do it by changing these 2 variables:</div><div class=""><br class=""></div><div class=""><div class="">@grid-columns: 12;</div><div class="">@grid-gutter-width: 30px;<br class=""></div></div><div class=""><br class=""></div><div class="">I've never tried it and it'll probably affect other patternfly components.</div><div class=""><br class=""></div><div class="">Let me know if Tao or you need help to implement any of these,</div><div class=""><br class=""></div><div class="">Thanks</div><div class=""><br class=""></div><div class="">Andrés</div><div class=""><br class=""></div><div class=""><br class=""></div></div><div class="gmail_extra"><br class=""><div class="gmail_quote">On Fri, Mar 4, 2016 at 3:44 AM, June Zhang <span dir="ltr" class=""><<a href="mailto:junzhang@redhat.com" target="_blank" class="">junzhang@redhat.com</a>></span> wrote:<br class=""><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word" class=""><div class="">Hi, Designers</div><div class=""><br class=""></div><div class="">How do you think Grid 12columns?</div><div class="">Do you feel sometimes Grid 12col it not enough for the page layout? </div><div class="">Such as tao’s question on this page: <a href="https://mojo.redhat.com/groups/pnt-ux/blog/2016/03/03/ue-improvement-the-user-experience-improvment-of-many-forms-on-one-page" target="_blank" class="">https://mojo.redhat.com/groups/pnt-ux/blog/2016/03/03/ue-improvement-the-user-experience-improvment-of-many-forms-on-one-page</a></div><div class=""><br class=""></div><div class="">Look forward your feedback.</div><br class=""><div class=""> <div class=""><div class="">Best Regards,</div><div class="">------------------------------------------------------------------------------------------------</div><div class="">June Zhang, UX Team, PnT DevOps</div><div class="">irc: junzhang | ph: 8388231 | tz: UTC+8 | email: <a href="mailto:junzhang@redhat.com" target="_blank" class="">junzhang@redhat.com</a></div><div class="">------------------------------------------------------------------------------------------------</div><div class="">UX Team: <a href="https://docs.engineering.redhat.com/x/AoC_/" target="_blank" class="">https://docs.engineering.redhat.com/x/AoC_/</a></div></div> </div> <br class=""></div><br class="">_______________________________________________<br class=""> Patternfly mailing list<br class=""> <a href="mailto:Patternfly@redhat.com" class="">Patternfly@redhat.com</a><br class=""> <a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank" class="">https://www.redhat.com/mailman/listinfo/patternfly</a><br class=""> <br class=""></blockquote></div><br class=""></div> </div></blockquote></div><br class=""><div apple-content-edited="true" class=""> <div class=""><div class="">Best Regards,</div><div class="">------------------------------------------------------------------------------------------------</div><div class="">June Zhang, UX Team, PnT DevOps</div><div class="">irc: junzhang | ph: 8388231 | tz: UTC+8 | email: <a href="mailto:junzhang@redhat.com" class="">junzhang@redhat.com</a></div><div class="">------------------------------------------------------------------------------------------------</div><div class="">UX Team: <a href="https://docs.engineering.redhat.com/x/AoC_/" class="">https://docs.engineering.redhat.com/x/AoC_/</a></div></div> </div> <br class=""></div></body></html>