[Patternfly] 12Columns Grid is not enough?

June Zhang junzhang at redhat.com
Wed Mar 9 07:29:18 UTC 2016


Thanks, Andres.

Yeah, I’d agree with you about enough Grid12.
Table columu width should be in other layout controller.

June

> On Mar 4, 2016, at 7:30 PM, Andres Galante <agalante at redhat.com> wrote:
> 
> Hi June,
> 
> 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.
> 
> This is specially useful in situations where you want to create a main column and a sidebar, and then divide the main column again.
> 
> 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. https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout <https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout>
> 
> 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:
> 
> @grid-columns:              12;
> @grid-gutter-width:         30px;
> 
> I've never tried it and it'll probably affect other patternfly components.
> 
> Let me know if Tao or you need help to implement any of these,
> 
> Thanks
> 
> Andrés
> 
> 
> 
> On Fri, Mar 4, 2016 at 3:44 AM, June Zhang <junzhang at redhat.com <mailto:junzhang at redhat.com>> wrote:
> Hi, Designers
> 
> How do you think Grid 12columns?
> Do you feel sometimes Grid 12col it not enough for the page layout? 
> Such as tao’s question on this page: https://mojo.redhat.com/groups/pnt-ux/blog/2016/03/03/ue-improvement-the-user-experience-improvment-of-many-forms-on-one-page <https://mojo.redhat.com/groups/pnt-ux/blog/2016/03/03/ue-improvement-the-user-experience-improvment-of-many-forms-on-one-page>
> 
> Look forward your feedback.
> 
> Best Regards,
> ------------------------------------------------------------------------------------------------
> June Zhang, UX Team, PnT DevOps
> irc: junzhang | ph: 8388231 | tz: UTC+8 | email: junzhang at redhat.com <mailto:junzhang at redhat.com>
> ------------------------------------------------------------------------------------------------
> UX Team: https://docs.engineering.redhat.com/x/AoC_/ <https://docs.engineering.redhat.com/x/AoC_/>
> 
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com <mailto:Patternfly at redhat.com>
> https://www.redhat.com/mailman/listinfo/patternfly <https://www.redhat.com/mailman/listinfo/patternfly>
> 
> 

Best Regards,
------------------------------------------------------------------------------------------------
June Zhang, UX Team, PnT DevOps
irc: junzhang | ph: 8388231 | tz: UTC+8 | email: junzhang at redhat.com
------------------------------------------------------------------------------------------------
UX Team: https://docs.engineering.redhat.com/x/AoC_/ <https://docs.engineering.redhat.com/x/AoC_/>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20160309/d2a78b77/attachment.htm>


More information about the PatternFly mailing list