In my HTML page justify-content-between not working

Tags: , , ,

Sorry for the question, but I am new in bootstrap, in my user.js file I could not make it work to deploy justify-content-between Instead my two elements are next to each other like I used justify-content-start

here are my codes:

<div className="col-md-8 mb-4">
                                <div className = "card" style={isVisible? { backgroundColor : "#88b69f",color : "white"} :null}>
                                    <div className="card-header d-flex justify-content-between">
                                       <h4 className="d-inline" onClick={this.onClickEvent}>{name + "    "} </h4>
                                        <i onClick = {this.ondeleteuser.bind(this, dispatch)} className="far fa-trash-alt"  style={{cursor : "pointer"}}></i>
                                        this.state.isVisible ?
                                        <div className="card-body">
                                        <p className="card-text">MaaÅŸ : {salary}</p>
                                        <p className="card-text">Departman : {department}</p>


At the end I understand that in my public/index.html file in section had not correct links to bootstrap links. I found an original html file from our tutors github page and I replace all section of his project to mine and that is it. It is solved. This two lines should exist in index.html file :

 <link rel="stylesheet" href="" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

Source: stackoverflow