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>
                                        
                                    </div>
                                    {                        
                                        this.state.isVisible ?
                                        <div className="card-body">
                                        <p className="card-text">MaaÅŸ : {salary}</p>
                                        <p className="card-text">Departman : {department}</p>
                                        
                                        </div>:null
                                    }
                                    </div>
                                </div>
                       

Answer

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="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">


Source: stackoverflow