Row with 2 50% cols (space between them)
-
Hi all,
I need to put some same between 2 columns (50%) but dont figure howMy 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
-
@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 -
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>
-
@filipec add a gutter class on your parent div ie.
q-gutter-md
. -
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
-
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>