¿Cómo modificar un css.map de bootstrap?

publicado por: Anonymous

Buen día,

Estoy trabajando sobre una plantilla que me he descargado de bootstrab. Necesito centrar un div, el problema es que al aplicarle las líneas margin-left: auto; margin-right: auto; en la hoja de estilos principal (style .css), no se ven reflejados los cambios a la hora de ejecutar mi index.html

He revisado con el DevTools de Chrome y me doy cuenta que las lineas de margin- debo agregarlas a un archivo style .css.map

Ya encontré los ajustes de css del DIV dentro del .css.map pero no sé como debo pegarlos.

Así venía originalmente el DIV en el .css:

_x000D_

_x000D_

.mb-lg-0,_x000D_
  .my-lg-0 {_x000D_
    margin-bottom: 0 !important;_x000D_
   _x000D_
  }

_x000D_

_x000D_

_x000D_

Luego le agregé los margin: (No funcionaron)

_x000D_

_x000D_

.mb-lg-0,_x000D_
  .my-lg-0 {_x000D_
    margin-bottom: 0 !important;_x000D_
    margin-left: auto;_x000D_
    margin-right: auto;_x000D_
  }

_x000D_

_x000D_

_x000D_

Estos son los estilos con los que viene el DIV originalmente en .css.map

.mb-lg-0,n  .my-lg-0 {n    margin-bottom: 0 !important;n  }

Nunca he trabajado con archivos .css.map

Probé haciendo esto (imaginando que los n son saltos), después del !important; pero no funcionó :c

{n margin-left: auto;n  margin-right: auto; n } 

Como debo modificar una hoja .css.map ?

solución

Los archivos .map no son para editar o escribir CSS. Esto es lo que dice Google al respecto: asigna código previamente procesado al código fuente.

Muchos desarrolladores generan hojas de estilo CSS usando un
preprocesador CSS, como Sass, Less o Stylus. Debido a que se generan
los archivos CSS, la edición de los archivos CSS directamente no es
tan útil.

Para los preprocesadores que admiten mapas fuente de CSS, DevTools le
permite editar en vivo los archivos fuente del preprocesador en el
panel Orígenes, y ver los resultados sin tener que abandonar DevTools
o actualizar la página. Cuando inspecciona un elemento cuyos estilos
son proporcionados por un archivo CSS generado, el panel Elementos
muestra un enlace al archivo fuente original, no el archivo .css
generado.

También podés eliminar directamente la línea a la que llama al archivo .map en tu hoja de estilos.

Podría ser así la línea que deberías eliminar, en ese caso:

/*# sourceMappingURL=style.css.map */
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *