Mi texto no se centrará en Dreamweaver (usando bootstrap)

Estoy creando un sitio web en Dreamweaver con Bootstrap y tengo problemas para centrar el texto en alguna de las columnas.

Intenté cambiar el CSS de la siguiente manera (como ejemplo):

.p9 {
    font-family: Roboto-light;
    text-align: center;
    color: #171717;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}

Y cuando esto no funcionó, eliminé el text-alignatributo del CSS y cambié la clase de párrafo para .text-centerusar la clase Bootstrap correcta.

He notado algunos pequeños problemas con errores, como clases que no aparecen hasta que guardo el documento, o tener que eliminar y luego volver a agregar clases en las imágenes para que funcionen/aparezcan, así que no estoy seguro de si está relacionado.

¿Alguien tiene alguna idea de por qué ninguno de los dos funciona? ¡Gracias!

Creo que esta es una pregunta para stackoverflow.com
Suponiendo que su código de ejemplo se haya perdido el punto, lo que sucede es que text-alignen su clase está siendo anulado por algo más específico. Abra la página en un navegador y use las herramientas de desarrollo allí para ver qué CSS está afectando la alineación del texto.
Los comentarios no son para una discusión extensa; esta conversación se ha movido a chat .

Respuestas (3)

Sin ver la página en sí ni más código, supongo que text-alignestá siendo anulado por un selector más específico (ya sea una #idclase o más específica)

Puede leer más sobre la especificidad de CSS aquí:

Para ver exactamente qué CSS está afectando al elemento en cuestión, puede utilizar las herramientas de desarrollo de su navegador. Usaré Google Chrome como ejemplo, pero existen herramientas similares en la mayoría de los navegadores modernos.

  1. Haga clic derecho en el elemento que le interesa y seleccione "Inspeccionar".

cromo inspeccionar

  1. Se abrirá la ventana Herramientas para desarrolladores con el elemento que le interesa seleccionado en el esquema DOM. Abra la pestaña "Calculado".

Pestaña Equipo de herramientas para desarrolladores de Chrome

  1. Desde allí, puede desplazarse hacia abajo hasta la propiedad que le interesa ( text-alignen este caso), al hacer clic en la flecha a la izquierda de la propiedad se abrirá una lista de todos los CSS que afectan a esa propiedad; el de arriba es el que realmente se aplica.

    A partir de la información aquí, debería poder descubrir cómo arreglar su código. Lo más probable es que elimine un estilo en una declaración anterior o aumente la especificidad del estilo que desea aplicar.

Puedes leer más sobre las herramientas para desarrolladores de Chrome aquí:

Brillante respuesta, gracias Cai: este fue el problema con la interferencia de otros CSS. Espero que esto ayude a otros con el mismo problema. ¡Salud!
No hay problema @crazycatlady encantada de ayudar

Creo que no estás identificando la clase o el párrafo que estás usando correctamente. Si está utilizando una clase, coloque un punto delante del nombre.

.p9 {
 font-family: Roboto-light;
 text-align: center;
 color: #171717;
 font-size: 16px;
 font-weight: 300;
 line-height: 18px;
}

Aparte de esto, recomendaría encarecidamente cambiar de editor.

Gracias, me he dado cuenta de que me perdí el . en mi copiar y pegar! Intenté apagar y reiniciar y muchos de los problemas de errores en DW se han solucionado, aunque todavía tengo el problema con el texto. Podría tener algo que ver con el programa, estoy pensando.
@crazycatlady no obtenga una vista previa de su sitio web en Dreamweaver. Es todo menos un buen editor, y ciertamente es malo para obtener una vista previa de html/css. Obtenga una vista previa del sitio web en su navegador (simplemente abra los archivos html en su navegador).
Hola JaneDoe1337, bienvenido a GD.SE y gracias por tu aporte. Absténgase de discusiones sobre el tema / fuera del tema en su respuesta. Cuando su reputación llegue a 15, puede marcar preguntas para sugerir que se cierren como fuera de tema. Además, por favor, no se salga del tema. Si un determinado programa es un buen o mal editor depende de la opinión y no nos gustan las discusiones extensas sobre temas como los del sitio principal. ¡Gracias por entender!

Resolví el problema: apliqué algo de CSS a un contenedor externo que parecía estar afectando el texto; después de eliminarlo, el texto comenzó a alinearse correctamente. Gracias por sus respuestas a todos. Espero que esta sea una buena forma de cerrar la pregunta.

Mi texto no se centrará en Dreamweaver (usando bootstrap)
RespuestasAquíPolítica de privacidad1y, 0v