This is due to varying column height. You need a “clearfix” reset every 3 columns to force even wrapping. One way is to use the approach recommended by Bootstrap, or in this specific case you can use a simple CSS clearfix like this.. @media (min-width:992px) { .auto-clear .col-md-4:nth-child(3n+1){clear:left;} } Demo: http://codeply.com/go/mONLiFj30T For other “clearfix” scenarios … Read more
It’s late for an answer but here it is, at least for future people looking for a solution on how to add the support library and resources for GridLayout (or ActionBarActivity / AppCompat, see below). The easiest way is as follows. Make sure you have installed the Android Support Library, from the Android SDK Manager. … Read more
You could use Flex Box instead of md-grid-list to have the same effect. <div class=”md-padding” layout=”row” flex> <div layout=”row” flex> <div class=”parent” layout=”column” ng-repeat=”user in users” flex> … Your content here </div> </div> </div> Take a look at this Example with fixed number of cards in a row: http://codepen.io/anon/pen/bdQJxy And a responsive example, using Wrap … Read more
As a thumb rule, fr is greedy, auto is shy. When the browser renders your grid, first it calculates the necessary sizes of auto elements – they all get the minimum they can live with -, and then, after all other sizes are known, will it distribute the remaining space among fr cells. Distribution works … Read more
You can achieve this by adding these CSS rules to your id #left: position: sticky; // See link top: 0; //to make it stick to the top of the screen height: 100vh; // make the height equal to 100 view height Link for sticky position: Sticky position with nothing but CSS sticky is a new … Read more
**EDIT: This line was correct when this answer was written, but no longer applies to 99.9%+ of all Android devices: There is no GridLayout in the Android API. ** (Note: As of API level 14, there finally is GridLayout; see the answers below. In addition, the V7 support library adds GridLayout support down to API … Read more
No, there’s nothing to mandate that the bootstrap grid must add up to 12 columns. It’s just a preference / stylistic thing. Less than 12 Columns -> Aligns Left: If you have less than twelve of the columns filled, by default they will left align, leaving empty space to the right. The following code: <div … Read more
GridLayout gridLayout = (GridLayout)findViewById(R.id.tableGrid); gridLayout.removeAllViews(); int total = 12; int column = 5; int row = total / column; gridLayout.setColumnCount(column); gridLayout.setRowCount(row + 1); for(int i =0, c = 0, r = 0; i < total; i++, c++) { if(c == column) { c = 0; r++; } ImageView oImageView = new ImageView(this); oImageView.setImageResource(R.drawable.ic_launcher); GridLayout.LayoutParams param … Read more
“The problem is that i cant find a way to set a fixed number of rows” You don’t need to set the number of rows. Use a TableModel. A DefaultTableModel in particular. String col[] = {“Pos”,”Team”,”P”, “W”, “L”, “D”, “MP”, “GF”, “GA”, “GD”}; DefaultTableModel tableModel = new DefaultTableModel(col, 0); // The 0 argument is number … Read more
To make a proper answer, I am first going to clarify the requirements : images all have the same aspect ratio : 3/2 images shouldn’t be cropped no space between images make a mosaic of images You can have thousands of possibilities to display your images. I am going to make a simple layout that … Read more