отобразить 2 записи в одном ряду в начальной загрузке

Question

У меня есть объект, я хочу отобразить 2 записи в одной строке, используя Bootstrap и REACT, мой код

const data={
            name:"xyz",
            mobile:1234567890,
            landline:123456,
            dob:19840602,
            pan:XYZ1234BGS,
          }
 {Object.keys(data)
                  .map((key, i) => (
                    <div className="row" key={i}>
                      <div
                        className="col-sm-2"
                        style={{ fontSize: 12, fontWeight: "bold" }}
                      >
                        {key}
                      </div>
                      <div className="col-sm-4" style={{ fontSize: 12 }}>
                        {data[key]}
                      </div>
                    </div>    

ожидаемый результат -

name:      xyz         mobile:      1234567890  
landline:  123456      landline:    123456  
dob:       19840602    pan:         XYZ1234BGS 

фактическая выработка -

 name:xyz
 mobile:1234567890
 landline:123456
 dob:19840602
 pan:XYZ1234BGS