Row with 2 50% cols (space between them)

[filipec]

Hi all,
I need to put some same between 2 columns (50%) but dont figure how

My code with no luck:

<div class="row">
  <div class="col col-md-6">
    Some content....
  </div>
  <div class="col col-md-6">
    Some content2...
  </div>
</div>

Any tip?

Thank you

[metalsadman]

@filipec try class="row justify-between" on your parent div. https://quasar.dev/layout/grid/introduction-to-flexbox. maybe you wanted a gutter? https://quasar.dev/layout/grid/gutter

[filipec]

thanks @metalsadman i’ve do your alteration, but it stays the same: (

                    <div class="row justify-between">
                        <div class="col-md-6">
                            <q-input filled dense v-model="name" label="Name" readonly />
                        </div>
                        <div class="col-md-6">
                            <q-input filled dense v-model="email" label="Email" readonly />
                        </div>
                    </div>

[metalsadman]

@filipec add a gutter class on your parent div ie.q-gutter-md.

[filipec]

I solve my problem with:

                    <div class="row">
                        <div class="col-md-6">
                            content1
                        </div>
                        <div class="col-md-6 q-pl-sm">
                            content2
                        </div>
                    </div>

Thanks @metalsadman

[nothingismagick]

not really 50% + 50%

                    <div class="row">
                        <div class="col-md-6 q-pr-sm">
                            content1
                        </div>
                        <div class="col-md-6 q-pl-sm">
                            content2
                        </div>
                    </div>