none
Ayuda diseño index RRS feed

  • Pregunta

  • estoy viendo unos videos de boostrap para poder darle una apariencia mas agradable a la web, necesito saber en que parte puedo modificar el espacio donde esta el garabato que hice para que el jumbotron y los divs queden mas cerca de la esquina.

    lo otro que deseo saber es como puedo colorear los diferentes divs que tengo como informatica, smartphone,etc y como referenciar un archivo de css que cree en la carpeta donde se encuentran esos div. miren:

    en el estilos.css tengo los diseños necesito saber como lo referencio al archivo index.

    martes, 6 de junio de 2017 15:00

Respuestas

  • Hola Julio Angel Mejia

    saber en que parte puedo modificar el espacio donde esta el garabato que hice para que el jumbotron y los divs queden mas cerca de la esquina.

    Probablemente estás aplicando la class= "container" al div general, si pruebas quitándola quizá obtengas lo que buscas.

    lo otro que deseo saber es como puedo colorear los diferentes divs que tengo como informatica, smartphone,etc y como referenciar un archivo de css

    No es correcto en donde estás colocando tu estilos.css, MVC se caracteriza por estar bien estructurado y las cosas en su lugar , crea una carpeta a nivel del proyecto y almacena todas tus hojas de estilo. 

    En cuanto a la referencia puedes hacerla de la siguiente forma:

    dígamos que creaste una carpeta Content y dentro de ella estilos.css, lo referencierías así:

    Esto en index:

     <link href="~/Content/estilos.css" rel="stylesheet" />

    Nota que ~ representa a la carpeta raíz y el rel=stylesheet indica que usarás hojas de estilo(css)

    lo otro que deseo saber es como puedo colorear los diferentes divs que tengo como informatica, smartphone,etc y como referenciar un archivo de css que cree en la carpeta donde se encuentran esos div..

    .fondo
    {
    background-color = red
    }

    (por ejemplo), supongamos que esto lo pusiste en tu hoja de estilos, una vez referenciada, solo bastaría sobre el div aplicarla:

    <div class="fondo" >
    
    </div>

    Te dejo un enlace para tutorial css CSS Tutorial

    Saludos


    Si ayudé a resolver tu consulta, no olvides marcar como respuesta y/o votar como útil.


    martes, 6 de junio de 2017 15:17