Base solution for your next web application
Open Closed

Grid system #9944


User avatar
0
Dom1702 created

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)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @Dom1702

    mb-3 was in use for a long time and when I tested with latest version it is still working.

    1. Could you share your AspNet Zero version ?
    2. Is it possible for us to access your app online somehow ?

    Thanks,

  • User Avatar
    0
    Dom1702 created

    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

  • User Avatar
    0
    ismcagdas created
    Support Team

    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.

    1. Could you share your AspNet Zero version ?
    2. Did you update your solution to a new version manually ?

    Thanks,

  • User Avatar
    0
    Dom1702 created

    Thanks!