I'm having problems with display items: firstname, lastname, place and buttons, on the same line in react.js node.js

Viewed 26

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>
0 Answers
Related