Differences

This shows you the differences between two versions of the page.

--- bootstrap_migration [2014/08/25 15:58] – [Column System Update] crhallberg
+++ bootstrap_migration [2015/01/12 19:27] – [Column System Update] hackmastera
@@ Line 4: / Line 4: @@
 The most sweeping update was the change in the column system. There was a move from "spanx" columns to a "col-size-x", allowing different layouts at different widths. VuFind uses 'col-sm-x" because it maintains the layout down to and including the tablet size, before resizing for mobile.
-First step towards BS3 is a regex to switch all the columns from "spanx" to "col-sm-x". There are a few places where the span value was set programmatically, such as TopFacets and Combined search, that will need to be fixed by hand.
+First step towards BS3 is a regex to switch all the columns from "spanx" to "col-sm-x". There are a few places where the span value was set programmatically, such as TopFacets and Combined search, that will need to be fixed by hand. (The below worked for me (Anna); ymmv)
+  find . -type f -print0 | xargs -0 sed -i -r 's/span([0-9]+)/col-sm-\1/g'
 There are a few "offsetx" classes in Bootstrap, but these were/will get replaced with the form overhaul.