{"id":65,"date":"2017-11-01T22:45:44","date_gmt":"2017-11-01T22:45:44","guid":{"rendered":"http:\/\/tommustester.wpengine.com\/?page_id=65"},"modified":"2017-11-01T22:45:44","modified_gmt":"2017-11-01T22:45:44","slug":"elements-grid","status":"publish","type":"page","link":"https:\/\/andrewboks.art\/index.php\/elements\/elements-grid\/","title":{"rendered":"Elements – Grid"},"content":{"rendered":"

[vc_section full_width=”stretch_row”][vc_row][vc_column][vc_column_text]<\/p>\n

Bootstrap grid examples<\/h2>\n

Basic grid layouts to get you familiar with building within the Bootstrap grid system.<\/p>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Three equal columns<\/h3>\n

Get three equal-width columns starting at desktops and scaling to large desktops<\/strong>. On mobile devices, tablets and below, the columns will automatically stack.[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC00JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wtbWQtNCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC1tZC00JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtNCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLW1kLTQlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMnNwYWNlMzAlMjIlM0UlM0MlMkZkaXYlM0U=[\/vc_raw_html][vc_column_text]<\/p>\n

Three unequal columns<\/h3>\n

Get three columns starting at desktops and scaling to large desktops<\/strong> of various widths. Remember, grid columns should add up to twelve for a single horizontal block. More than that, and columns start stacking no matter the viewport.[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wtbWQtMyUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC1tZC02JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLW1kLTMlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMnNwYWNlMzAlMjIlM0UlM0MlMkZkaXYlM0U=[\/vc_raw_html][vc_column_text]<\/p>\n

Two columns<\/h3>\n

Get two columns starting at desktops and scaling to large desktops<\/strong>.[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC04JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wtbWQtOCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC1tZC00JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJzcGFjZTMwJTIyJTNFJTNDJTJGZGl2JTNF[\/vc_raw_html][vc_column_text]<\/p>\n

Full width, single column<\/h3>\n

No grid classes are necessary for full-width elements.[\/vc_column_text][vc_column_text]<\/p>\n

\n

[\/vc_column_text][vc_column_text]<\/p>\n

Two columns with two nested columns<\/h3>\n

Per the documentation, nesting is easy\u2014just put a row of columns within an existing column. This gives you two columns starting at desktops and scaling to large desktops<\/strong>, with another two (equal widths) within the larger column.<\/p>\n

At mobile device sizes, tablets and down, these columns and their nested columns will stack.[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC04JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRSUyMC5jb2wtbWQtOCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIycm93JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtNiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLW1kLTYlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC02JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wtbWQtNiUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC1tZC00JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBB[\/vc_raw_html][vc_column_text]<\/p>\n

\n

[\/vc_column_text][vc_column_text]<\/p>\n

Mixed: mobile and desktop<\/h3>\n

The Bootstrap 3 grid system has four tiers of classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops). You can use nearly any combination of these classes to create more dynamic and flexible layouts.<\/p>\n

Each tier of classes scales up, meaning if you plan on setting the same widths for xs and sm, you only need to specify xs.[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC14cy0xMiUyMGNvbC1tZC04JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wteHMtMTIlMjAuY29sLW1kLTglM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC14cy02JTIwY29sLW1kLTQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC14cy02JTIwLmNvbC1tZC00JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC14cy02JTIwY29sLW1kLTQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC14cy02JTIwLmNvbC1tZC00JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wteHMtNiUyMGNvbC1tZC00JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wteHMtNiUyMC5jb2wtbWQtNCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLXhzLTYlMjBjb2wtbWQtNCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLXhzLTYlMjAuY29sLW1kLTQlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMnJvdyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLXhzLTYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC14cy02JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wteHMtNiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLXhzLTYlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEE=[\/vc_raw_html][vc_column_text]<\/p>\n

\n

[\/vc_column_text][vc_column_text]<\/p>\n

Mixed: mobile, tablet, and desktop<\/h3>\n

[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC14cy0xMiUyMGNvbC1zbS02JTIwY29sLWxnLTglMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC14cy0xMiUyMC5jb2wtc20tNiUyMC5jb2wtbGctOCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLXhzLTYlMjBjb2wtbGctNCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLXhzLTYlMjAuY29sLWxnLTQlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMnJvdyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLXhzLTYlMjBjb2wtc20tNCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLXhzLTYlMjAuY29sLXNtLTQlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC14cy02JTIwY29sLXNtLTQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC14cy02JTIwLmNvbC1zbS00JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wteHMtNiUyMGNvbC1zbS00JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wteHMtNiUyMC5jb2wtc20tNCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRQ==[\/vc_raw_html][vc_column_text]<\/p>\n

\n

[\/vc_column_text][vc_column_text]<\/p>\n

Column clearing<\/h3>\n

Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC14cy02JTIwY29sLXNtLTMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC14cy02JTIwLmNvbC1zbS0zJTIwJTNDYnIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBSZXNpemUlMjB5b3VyJTIwdmlld3BvcnQlMjBvciUyMGNoZWNrJTIwaXQlMjBvdXQlMjBvbiUyMHlvdXIlMjBwaG9uZSUyMGZvciUyMGFuJTIwZXhhbXBsZS4lM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC14cy02JTIwY29sLXNtLTMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC14cy02JTIwLmNvbC1zbS0zJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTIxLS0lMjBBZGQlMjB0aGUlMjBleHRyYSUyMGNsZWFyZml4JTIwZm9yJTIwb25seSUyMHRoZSUyMHJlcXVpcmVkJTIwdmlld3BvcnQlMjAtLSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY2xlYXJmaXglMjB2aXNpYmxlLXhzJTIyJTNFJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wteHMtNiUyMGNvbC1zbS0zJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wteHMtNiUyMC5jb2wtc20tMyUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLXhzLTYlMjBjb2wtc20tMyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLXhzLTYlMjAuY29sLXNtLTMlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0U=[\/vc_raw_html][vc_column_text]<\/p>\n

\n

[\/vc_column_text][vc_column_text]<\/p>\n

Offset, push, and pull resets<\/h3>\n

Reset offsets, pushes, and pulls at specific breakpoints.[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1zbS01JTIwY29sLW1kLTYlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC1zbS01JTIwLmNvbC1tZC02JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtc20tNSUyMGNvbC1zbS1vZmZzZXQtMiUyMGNvbC1tZC02JTIwY29sLW1kLW9mZnNldC0wJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wtc20tNSUyMC5jb2wtc20tb2Zmc2V0LTIlMjAuY29sLW1kLTYlMjAuY29sLW1kLW9mZnNldC0wJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1zbS02JTIwY29sLW1kLTUlMjBjb2wtbGctNiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLXNtLTYlMjAuY29sLW1kLTUlMjAuY29sLWxnLTYlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1zbS02JTIwY29sLW1kLTUlMjBjb2wtbWQtb2Zmc2V0LTIlMjBjb2wtbGctNiUyMGNvbC1sZy1vZmZzZXQtMCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLXNtLTYlMjAuY29sLW1kLTUlMjAuY29sLW1kLW9mZnNldC0yJTIwLmNvbC1sZy02JTIwLmNvbC1sZy1vZmZzZXQtMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRQ==[\/vc_raw_html][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_section full_width=”stretch_row”][vc_row][vc_column][vc_column_text] Bootstrap grid examples Basic grid layouts to get you familiar with building within the Bootstrap grid system. [\/vc_column_text][vc_column_text] Three equal columns Get three equal-width columns starting at desktops and scaling to large desktops. On mobile devices, tablets and below, the columns will automatically stack.[\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJyb3clMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC00JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJib3glMjBib3gtYmclMjBvcGFjaXR5LXZpb2xldCUyMGludmVyc2UtdGV4dCUyMiUzRS5jb2wtbWQtNCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRmRpdiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMmJveCUyMGJveC1iZyUyMG9wYWNpdHktdmlvbGV0JTIwaW52ZXJzZS10ZXh0JTIyJTNFLmNvbC1tZC00JTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtNCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIyYm94JTIwYm94LWJnJTIwb3BhY2l0eS12aW9sZXQlMjBpbnZlcnNlLXRleHQlMjIlM0UuY29sLW1kLTQlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBjbGFzcyUzRCUyMnNwYWNlMzAlMjIlM0UlM0MlMkZkaXYlM0U=[\/vc_raw_html][vc_column_text] Three unequal columns Get three columns starting at desktops… Continue reading Elements – Grid<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1709,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":0,"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/pages\/1709"}],"wp:attachment":[{"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}