we implemented a "_Sidebar_Full_Responsive" page to display "Dataview" with "Layout grid" container: expect to display the content in one row with the order
Col1image Col1 Col2 Col3 Col4
when user narrow the browser screen, it display the content in separated rows as
We try to set the fixed width (min-width and width) for the "Dataview" and "Layout grid" it not works.
Any help would be appreciated.
This can be done with classes:
The layout grid 'breaks' based on screen size, which can be manipulated in your styling.
To force it to stay the same however, add the above classes to the layout grid columns. In this example I have 3 columns, with width 4. These classes basically mean: take 4/12 width when screen is medium (md), and the same for small (sm) and extra small (xs). Alternatively, you could use a table: these distribute width without taking screen size in consideration.
For more documentation on the grid system see the official Bootstrap documentation: https://getbootstrap.com/docs/3.3/css/
The class works great! Thanks.