I can't print firstname, lastname, place and buttons, on the same line in react.js.
this.state.students.map(student => (
<div key={student._id}
class="card"
style={{
borderRadius: '10px',
padding: '15px',
backgroundColor: 'whitesmoke',
marginLeft: '15px',
marginTop: '20px'
}}
>
<div class="card-body" style={{ display: 'inline-block' }}>
<div class="container">
<div class="row">
<div class="col-6">
<div style={{ marginLeft:'20px' }}>
{student.firstname}
</div>
<div style={{ marginLeft: '20px' }}>
{student.lastname}
</div>
<div style={{ marginLeft: '20px' }}>
{student.place}
</div>
<button type="button" class="btn btn-warning">
UPDATE
</button>
<button style={{ marginLeft: '20px' }} class="btn btn-danger">
DELETE
</button>