How to use?

[ghost]

I'm building an project with laravel api and vuejs frontend. Till now i have used only bootstrap. I love at-ui design and styling so would like to use it for my web application. But i'm confused how to use this. I removed bootstrap and installed it. However, the grid system is weird and im unable to understand it. There are no references or templates available for at-ui due to which im unable to follow.

Do i need to use this with bootstrap or without bootstrap? And if i have to make three columns how should i make it. For example in bootstrap i do it like

<div class="row">
  <div class="col-md-4">    
  </div>
  <div class="col-md-4">    
  </div>
  <div class="col-md-4">    
  </div>
</div>

How to do the same with at-ui?

[juanpprieto]

Add the class at-row to the row container.

[e200]

Same problem here. I'm coming from Bootstrap-Vue and I can't figureout how to structure a form using at-hi, there's no such components like b-form-group, and form labels.

I'm really confused if we need to use it along bootstrap, but it will be a pain and the output file will be very large 2mb+... 😧

[cedricium]

Did you happen to find out if this UI kit is capable of being used on its own @e200?

[e200]

I think it's on the Docs, https://at-ui.github.io/at-ui/#/en/docs/layout

[e200]

If you're talking 'bout form components like b-form-group, no, you need to writer your own form control wrapper.