0
131
Vistascómo colocar mi BS-CS y estrellas en la parte inferior
Quiero arreglar el BS-CS y la porción de estrellas que se adhieren al fondo de mi contenedor, pero no puedo hacer eso. ¿Qué debo hacer ahora? Aquí está mi código de arranque.
<div className="item1 col-12 col-md-6 col-lg-4 col-xl-4 my-4"> {/* col-12 -> to display only 1 card in mobile of all col // col-md-6 -> display 2 cards in medium devices // col-lg-6 -> also display 2 cards in large devices // col-xl-4 -> display 3 cards in extra large devices */} <div className="row teacher_card"> {/* for teacher images */} <div className="col-12 col-md-12 col-lg-4 teacher_img"> <img src={props.teacher_img} className="img-fluid img_size" alt="Teacher pic" /> </div> {/* Teacher Discription infprmation */} <div className="col-12 col-md-12 col-lg-8 teacher_info"> <div className="teacher_name"> {/* pt-4 -> padding top 4px // pb-3 -> padding top 3px */} <h1> {props.teacher_name} </h1> <p> {props.teacher_info} </p> </div> <div className="teacher_edu_city "> <div className="teacher_edu_city-in d-flex justify-content-between"> <h5> {props.teacher_edu} </h5> <h5> {props.teacher_city} </h5> </div> <p> 🌟🌟🌟🌟🌟 </p> </div> </div> </div> </div> 
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
si desea colocar sus estrellas en la parte inferior de su contenido, puede hacerlo con la posición.
dar una clase a las estrellas
que en css:
.teacher_info { position: relative; } .stars { position: absolute; left: 0; bottom: 0; }
·
Juan Pablo Isaza
Denunciar
0
Primero, div.item1 Element d-flex flex-column clases si está utilizando bootstrap 4+, o simplemente agregue estos estilos a
display: flex; flex-direction: column; En segundo lugar, puede agregar mt-auto a div.teacher_edu_city , o usar estos estilos
margin-top: auto;Eso es todo.
·
Juan Pablo Isaza
Denunciar
Responde la pregunta