Prerequisites
Please answer the following questions before submitting an issue. YOU MAY DELETE THE PREREQUISITES SECTION.
- What is your product version? Current
- What is your product type (Angular or MVC)? Angular
- What is product framework type (.net framework or .net core)? .Net Core
Hi,
after generating a new project and adding all my classes again on server and client side I face the following problem: Before I used the bootstrap grid system, but it no longer seems to work. Whatever margin I set there, it's not working, like
<div class="col-md-3 col-sm-6 mb-3">
<h6>{{l("Name")}} :</h6>
{{student.firstName}} {{student.lastName}}
</div>
</div>
</div>
<br> <br> Where can I find the css class names for building custom sites with proper margin, padding etc.? As far as I know, they switched from m- to kt- prefixes at some point, but now kt-* is also deprecated?
Best regards, Dominik
4 Answer(s)
-
0
Hi @Dom1702
mb-3
was in use for a long time and when I tested with latest version it is still working.- Could you share your AspNet Zero version ?
- Is it possible for us to access your app online somehow ?
Thanks,
-
0
Hi ismcagdas,
sorry about that, mb-3 for example indeed works. So using bootstrap grid system is the way to go?
I am asking because in the past metronic had its own classes like "m--margin-top-20", but that is not woking anymore. Also when I use the ASP Net Zero Power Tools I get HTML with all sorts of classes like "form-group m-form__group align-items-center" or "input-group-btn". Is there any page where those classes are described?
Dominik
-
0
Hi @Dom1702
Metronic removed its custom css classes with version 7 and started to use default bootstrap classes as much as possible. So, you can use Bootstrap 4's styles in your project.
form-group m-form__group align-items-center
this is from old Metronic and it shouldn't be used in the last few versions of AspNet Zero.- Could you share your AspNet Zero version ?
- Did you update your solution to a new version manually ?
Thanks,
-
0
Thanks!