Hello world! :)
I've made this css styles for displaying responsive equal sized columns, which is specially used to display items in a grid view.
These styles are very easy to use than bootstrap.
There are three styles classes are available:
1) .col-135i : this will present 1, 3, 5 items in a row for sm, md, lg sizes respectively
2) .col-246i : this will present 2, 4, 6 items in a row for sm, md, lg sizes respectively
3) .col-123456i : this will ... now you know what i meant to say :D
At first link this css file inside <head> tag as
<link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/ersuman/css/master/ResponsiveColumn.css" />
Then, you can use these classes as your html classes.
Html with angular example
<div ng-app="myApp">
...
<div ng-repeat="item in lstItems">
<div class="col-246i">
{{item}}
...
</div>
</div>
</div>cshtml Razor example:
<div>
@foreach (var m in Model)
{
<div class="col-135i">
...
</div>
}
</div>Happy coding!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent