Problems with the Bootstrap grids

0

I'm trying to put several columns in bootstrap with its grid system but at the moment of seeing it it shows me the next problem.

If you notice it instead of being left behind in social media management, it remains in paid advertising. Why does this happen? Any solution?.

This is my code.

<!--Div Negativo 2-->
<div class="row">
    <div class="col-md-12 div-hacemos">
        <div class="container">
            <h3>¿Qué hacemos?</h3>
            <div class="row hacemos">
                <!-- Gestion de redes sociales -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/manos.png" alt="" class="icon">
                    <h4>Gestión de redes sociales</h4>
                    <ul>
                        <li>
                            Creamos, gestionamos, analizamos y hacemos crecer tus redes sociales,
                            la interacción y el impacto de las comunicaciones.
                        </li>
                        <li>
                            Actualizamos los canales existentes y/o creamos aquellos adecuados para el cliente.
                        </li>
                    </ul>
                </div>
                <!-- SEO -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6" >
                    <img src="img/icons/bocina.png" alt="" class="icon">
                    <h4>SEO y Link Building</h4>
                    <ul>
                        <li>
                            Te ayudamos a que tu página web sea encontrada en las <b>primeras páginas</b> de los buscadores.
                        </li>
                        <li>
                            Generamos <b>enlaces</b> con portales y páginas afines para atraer clientes y generar relevancia
                            de la marca en internet. Te asesoramos en la contratación de pautas publicitarias en portales,
                            webs de afiliaciones, etc. Creamos y publicamos contenido de calidad en tu página web (blogging)
                        </li>
                    </ul>
                </div>
                <!-- Gestion pagina web -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/rayo.png" alt="" class="icon">
                    <h4>Gestión página web</h4>
                    <ul>
                        <li>
                            Mantenemos <b>actualizada</b> tu página web con contenido nuevo del hotel (nuevos servicios,
                            actualización de tarifas, descripciones, etc.), creamos banners, pop-ups, etc
                        </li>
                        <li>
                            Sincronizamos tu página web con el contenido del plan de comunicación.
                        </li>
                    </ul>
                </div>
                <!-- Publicidad de pago (SEM y SMM) -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/computer.png" alt="" class="icon">
                    <h4>Publicidad de pago (SEM y SMM)</h4>
                    <ul>
                        <li>
                            <b>Creamos contenido</b> creativo.
                        </li>
                        <li>
                            Realizamos la gestión de <b>publicidad de pago</b> que mejor se adecue con las necesidades
                            de tu empresa, generando... leads (potenciales clientes) y reduciendo los costos PPC.
                            pop-ups, etc...
                        </li>
                    </ul>
                </div>
                <!-- Consultoría en Marketing Digital -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/manos.png" alt="" class="icon">
                    <h4>Consultoría en Marketing Digital</h4>
                    <ul>
                        <li>
                            <b>Analizamos</b> tu posición y presencia de marca en internet.
                        </li>
                        <li>
                            <b>Generamos</b> un plan de acción.
                        </li>
                        <li>
                            <b>Implementamos</b> el plan de acción.
                        </li>
                    </ul>
                </div>
                <!-- Diseño u optimización web -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6" >
                    <img src="img/icons/bocina.png" alt="" class="icon">
                    <h4>Diseño u optimización web</h4>
                    <ul>
                        <li>
                            Diseñamos o mejorar tu web para que cumpla todos los
                            estándares actuales de usabilidad, parámetros SEO y todos los
                            "gadgets" necesarios para potenciar la "conversión" (conseguir clientes)
                        </li>
                    </ul>
                    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
                </div>
                <!-- Diseño Gráfico -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/rayo.png" alt="" class="icon">
                    <h4>Diseño Gráfico</h4>
                    <ul>
                        <li>
                            Damos apoyo en diseño gráfico para mantener la imagen del
                            cliente actualizada y acorde a los estándares modernos
                            (logos, menús, banners, post, señalética...)
                        </li>
                        <li>
                            Sincronizamos tu página web con el contenido del plan de comunicación.
                        </li>
                    </ul>
                    <br/><br/><br/>
                </div>
                <!-- APP -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/computer.png" alt="" class="icon">
                    <h4>APP</h4>
                    <ul>
                        <li>
                            Sistema para potenciar la interacción con los clientes y
                            generar vinculación a la marca y "UPSELLINGS".
                        </li>
                    </ul>
                </div>
                <!-- Motor de reservas -->
                <div class="servicios col-md-offset-3 col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/comunicacion.png" alt="" class="icon">
                    <h4>Motor de reservas</h4>
                    <ul>
                        <li>
                            Asesoría e implementación de motor de reservas.
                        </li>
                        <li>
                            Tenemos alcance de soluciones "stand alone" hasta
                            "integrales" que cubren todo el ciclo de venta, desde la
                            integración con el PMS, motor de reservas, channel manager,
                            revenue/yield managment hasta la pasarela de pago más adecuada
                            para el cliente.
                        </li>
                    </ul>
                </div>
                <!-- CRM y Mail marketing (Gestión de la relación con los clientes) -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/bombilla.png" alt="" class="icon">
                    <h4>CRM y Mail marketing (Gestión de la relación con los clientes)</h4>
                    <ul>
                        <li>
                            Implementamos estrategias activas ON-LINE para el aumento de "reviews"
                            y evaluación de satisfacción.
                        </li>
                        <li>
                            Sistema para potenciar la interacción con los clientes ANTES de su primear
                            compra y generar "UPSELLINGS" (ventas adicionales a las previstas).
                        </li>
                        <li>
                            Ejecución de campañas del uso de tu base de datos para potenciar nuevos
                            clientes y clientes "repetidores".
                        </li>
                    </ul>
                </div>
                <div class="servicios col-md-3 col-sm-4 hidden-xs"></div>
            </div>
        </div>
    </div>
</div>
    
asked by Juan Carlos Peña M. 06.01.2017 в 20:59
source

4 answers

1

@ JuanCarlosPeñaM. remember that boostrap always in its rulers has 12 columns for each row and you could put it in this way.

<!--Div Negativo 2-->
<div class="row">
   
        <div class="container">
            <h3>¿Qué hacemos?</h3>
            <div class="row hacemos">
                <!-- Gestion de redes sociales -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/manos.png" alt="" class="icon">
                    <h4>Gestión de redes sociales</h4>
                    <ul>
                        <li>
                            Creamos, gestionamos, analizamos y hacemos crecer tus redes sociales,
                            la interacción y el impacto de las comunicaciones.
                        </li>
                        <li>
                            Actualizamos los canales existentes y/o creamos aquellos adecuados para el cliente.
                        </li>
                    </ul>
                </div>
                <!-- SEO -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6" >
                    <img src="img/icons/bocina.png" alt="" class="icon">
                    <h4>SEO y Link Building</h4>
                    <ul>
                        <li>
                            Te ayudamos a que tu página web sea encontrada en las <b>primeras páginas</b> de los buscadores.
                        </li>
                        <li>
                            Generamos <b>enlaces</b> con portales y páginas afines para atraer clientes y generar relevancia
                            de la marca en internet. Te asesoramos en la contratación de pautas publicitarias en portales,
                            webs de afiliaciones, etc. Creamos y publicamos contenido de calidad en tu página web (blogging)
                        </li>
                    </ul>
                </div>
                <!-- Gestion pagina web -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/rayo.png" alt="" class="icon">
                    <h4>Gestión página web</h4>
                    <ul>
                        <li>
                            Mantenemos <b>actualizada</b> tu página web con contenido nuevo del hotel (nuevos servicios,
                            actualización de tarifas, descripciones, etc.), creamos banners, pop-ups, etc
                        </li>
                        <li>
                            Sincronizamos tu página web con el contenido del plan de comunicación.
                        </li>
                    </ul>
                </div>
                <!-- Publicidad de pago (SEM y SMM) -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/computer.png" alt="" class="icon">
                    <h4>Publicidad de pago (SEM y SMM)</h4>
                    <ul>
                        <li>
                            <b>Creamos contenido</b> creativo.
                        </li>
                        <li>
                            Realizamos la gestión de <b>publicidad de pago</b> que mejor se adecue con las necesidades
                            de tu empresa, generando... leads (potenciales clientes) y reduciendo los costos PPC.
                            pop-ups, etc...
                        </li>
                    </ul>
                </div>
                </div>
                <div class="row">
                <!-- Consultoría en Marketing Digital -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/manos.png" alt="" class="icon">
                    <h4>Consultoría en Marketing Digital</h4>
                    <ul>
                        <li>
                            <b>Analizamos</b> tu posición y presencia de marca en internet.
                        </li>
                        <li>
                            <b>Generamos</b> un plan de acción.
                        </li>
                        <li>
                            <b>Implementamos</b> el plan de acción.
                        </li>
                    </ul>
                </div>
                <!-- Diseño u optimización web -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6" >
                    <img src="img/icons/bocina.png" alt="" class="icon">
                    <h4>Diseño u optimización web</h4>
                    <ul>
                        <li>
                            Diseñamos o mejorar tu web para que cumpla todos los
                            estándares actuales de usabilidad, parámetros SEO y todos los
                            "gadgets" necesarios para potenciar la "conversión" (conseguir clientes)
                        </li>
                    </ul>
                    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
                </div>
                <!-- Diseño Gráfico -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/rayo.png" alt="" class="icon">
                    <h4>Diseño Gráfico</h4>
                    <ul>
                        <li>
                            Damos apoyo en diseño gráfico para mantener la imagen del
                            cliente actualizada y acorde a los estándares modernos
                            (logos, menús, banners, post, señalética...)
                        </li>
                        <li>
                            Sincronizamos tu página web con el contenido del plan de comunicación.
                        </li>
                    </ul>
                    <br/><br/><br/>
                </div>
                <!-- APP -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/computer.png" alt="" class="icon">
                    <h4>APP</h4>
                    <ul>
                        <li>
                            Sistema para potenciar la interacción con los clientes y
                            generar vinculación a la marca y "UPSELLINGS".
                        </li>
                    </ul>
                </div>
                </div>
                <div class="row">
                <!-- Motor de reservas -->
                <div class="servicios col-md-offset-3 col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/comunicacion.png" alt="" class="icon">
                    <h4>Motor de reservas</h4>
                    <ul>
                        <li>
                            Asesoría e implementación de motor de reservas.
                        </li>
                        <li>
                            Tenemos alcance de soluciones "stand alone" hasta
                            "integrales" que cubren todo el ciclo de venta, desde la
                            integración con el PMS, motor de reservas, channel manager,
                            revenue/yield managment hasta la pasarela de pago más adecuada
                            para el cliente.
                        </li>
                    </ul>
                </div>
                <!-- CRM y Mail marketing (Gestión de la relación con los clientes) -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/bombilla.png" alt="" class="icon">
                    <h4>CRM y Mail marketing (Gestión de la relación con los clientes)</h4>
                    <ul>
                        <li>
                            Implementamos estrategias activas ON-LINE para el aumento de "reviews"
                            y evaluación de satisfacción.
                        </li>
                        <li>
                            Sistema para potenciar la interacción con los clientes ANTES de su primear
                            compra y generar "UPSELLINGS" (ventas adicionales a las previstas).
                        </li>
                        <li>
                            Ejecución de campañas del uso de tu base de datos para potenciar nuevos
                            clientes y clientes "repetidores".
                        </li>
                    </ul>
                </div>
                <div class="servicios col-md-3 col-sm-4 hidden-xs"></div>
            </div>
        </div>

</div>
    
answered by 07.03.2017 в 00:02
1

Try adding these lines between the different <div> tags that are distorted

<div class="clearfix visible-lg-block"></div>
<div class="clearfix visible-md-block"></div>
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-xs-block"></div>

Your code would look like this:

    <!--Div Negativo 2-->
<div class="row">
    <div class="col-md-12 div-hacemos">
        <div class="container">
            <h3>¿Qué hacemos?</h3>
            <div class="row hacemos">
                <!-- Gestion de redes sociales -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/manos.png" alt="" class="icon">
                    <h4>Gestión de redes sociales</h4>
                    <ul>
                        <li>
                            Creamos, gestionamos, analizamos y hacemos crecer tus redes sociales,
                            la interacción y el impacto de las comunicaciones.
                        </li>
                        <li>
                            Actualizamos los canales existentes y/o creamos aquellos adecuados para el cliente.
                        </li>
                    </ul>
                </div>
                <!-- SEO -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6" >
                    <img src="img/icons/bocina.png" alt="" class="icon">
                    <h4>SEO y Link Building</h4>
                    <ul>
                        <li>
                            Te ayudamos a que tu página web sea encontrada en las <b>primeras páginas</b> de los buscadores.
                        </li>
                        <li>
                            Generamos <b>enlaces</b> con portales y páginas afines para atraer clientes y generar relevancia
                            de la marca en internet. Te asesoramos en la contratación de pautas publicitarias en portales,
                            webs de afiliaciones, etc. Creamos y publicamos contenido de calidad en tu página web (blogging)
                        </li>
                    </ul>
                </div>
                <!-- Gestion pagina web -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/rayo.png" alt="" class="icon">
                    <h4>Gestión página web</h4>
                    <ul>
                        <li>
                            Mantenemos <b>actualizada</b> tu página web con contenido nuevo del hotel (nuevos servicios,
                            actualización de tarifas, descripciones, etc.), creamos banners, pop-ups, etc
                        </li>
                        <li>
                            Sincronizamos tu página web con el contenido del plan de comunicación.
                        </li>
                    </ul>
                </div>

                <div class="clearfix visible-sm-block"></div>

                <!-- Publicidad de pago (SEM y SMM) -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/computer.png" alt="" class="icon">
                    <h4>Publicidad de pago (SEM y SMM)</h4>
                    <ul>
                        <li>
                            <b>Creamos contenido</b> creativo.
                        </li>
                        <li>
                            Realizamos la gestión de <b>publicidad de pago</b> que mejor se adecue con las necesidades
                            de tu empresa, generando... leads (potenciales clientes) y reduciendo los costos PPC.
                            pop-ups, etc...
                        </li>
                    </ul>
                </div>

                <div class="clearfix visible-lg-block clearfix visible-md-block clearfix visible-xs-block"></div>

                <!-- Consultoría en Marketing Digital -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/manos.png" alt="" class="icon">
                    <h4>Consultoría en Marketing Digital</h4>
                    <ul>
                        <li>
                            <b>Analizamos</b> tu posición y presencia de marca en internet.
                        </li>
                        <li>
                            <b>Generamos</b> un plan de acción.
                        </li>
                        <li>
                            <b>Implementamos</b> el plan de acción.
                        </li>
                    </ul>
                </div>
                <!-- Diseño u optimización web -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6" >
                    <img src="img/icons/bocina.png" alt="" class="icon">
                    <h4>Diseño u optimización web</h4>
                    <ul>
                        <li>
                            Diseñamos o mejorar tu web para que cumpla todos los
                            estándares actuales de usabilidad, parámetros SEO y todos los
                            "gadgets" necesarios para potenciar la "conversión" (conseguir clientes)
                        </li>
                    </ul>
                    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
                </div>
                <!-- Diseño Gráfico -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/rayo.png" alt="" class="icon">
                    <h4>Diseño Gráfico</h4>
                    <ul>
                        <li>
                            Damos apoyo en diseño gráfico para mantener la imagen del
                            cliente actualizada y acorde a los estándares modernos
                            (logos, menús, banners, post, señalética...)
                        </li>
                        <li>
                            Sincronizamos tu página web con el contenido del plan de comunicación.
                        </li>
                    </ul>
                    <br/><br/><br/>
                </div>
                <!-- APP -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/computer.png" alt="" class="icon">
                    <h4>APP</h4>
                    <ul>
                        <li>
                            Sistema para potenciar la interacción con los clientes y
                            generar vinculación a la marca y "UPSELLINGS".
                        </li>
                    </ul>
                </div>

                <div class="clearfix visible-lg-block clearfix visible-md-block clearfix visible-xs-block"></div>

                <!-- Motor de reservas -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/comunicacion.png" alt="" class="icon">
                    <h4>Motor de reservas</h4>
                    <ul>
                        <li>
                            Asesoría e implementación de motor de reservas.
                        </li>
                        <li>
                            Tenemos alcance de soluciones "stand alone" hasta
                            "integrales" que cubren todo el ciclo de venta, desde la
                            integración con el PMS, motor de reservas, channel manager,
                            revenue/yield managment hasta la pasarela de pago más adecuada
                            para el cliente.
                        </li>
                    </ul>
                </div>
                <!-- CRM y Mail marketing (Gestión de la relación con los clientes) -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/bombilla.png" alt="" class="icon">
                    <h4>CRM y Mail marketing (Gestión de la relación con los clientes)</h4>
                    <ul>
                        <li>
                            Implementamos estrategias activas ON-LINE para el aumento de "reviews"
                            y evaluación de satisfacción.
                        </li>
                        <li>
                            Sistema para potenciar la interacción con los clientes ANTES de su primear
                            compra y generar "UPSELLINGS" (ventas adicionales a las previstas).
                        </li>
                        <li>
                            Ejecución de campañas del uso de tu base de datos para potenciar nuevos
                            clientes y clientes "repetidores".
                        </li>
                    </ul>
                </div>
                <div class="servicios col-md-3 col-sm-4 hidden-xs"></div>
            </div>
        </div>
    </div>
</div>

I adjusted the class of a tag that contained a col-md-offset-3 and added the clearfix class in different parts of the code. For more information, check out this video Bootstrap full course 2.- La Grid, understanding the system of grids by Falcon Masters he explains very well this type of situations in bootstrap.

    
answered by 06.04.2017 в 01:39
0

The Bootstrap grids are 12 cells . In the code you sample you have about 11 in a single row ( row ). Try separating it by several rows ( row ).

You are also defining with space 3,4 and 6 each div tag, and if you multiply the amounts of div that you have within <div class="row hacemos"> < strong> is not equal to 12 .  Always,

  

always that calculation should give you 12

    
answered by 06.01.2017 в 21:17
0

I do not think it can be fixed by adding the class .row and making separations, the only thing I can think of is to limit the size of div with class .col-x-x and add a scroll

.row > div.servicios{
  max-height: 200px;
  overflow-y: scroll;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<!--Div Negativo 2-->
<div class="row">
    <div class="col-md-12 div-hacemos">
        <div class="container">
            <h3>¿Qué hacemos?</h3>
            <div class="row hacemos">
                <!-- Gestion de redes sociales -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/manos.png" alt="" class="icon">
                    <h4>Gestión de redes sociales</h4>
                    <ul>
                        <li>
                            Creamos, gestionamos, analizamos y hacemos crecer tus redes sociales,
                            la interacción y el impacto de las comunicaciones.
                        </li>
                        <li>
                            Actualizamos los canales existentes y/o creamos aquellos adecuados para el cliente.
                        </li>
                    </ul>
                </div>
                <!-- SEO -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6" >
                    <img src="img/icons/bocina.png" alt="" class="icon">
                    <h4>SEO y Link Building</h4>
                    <ul>
                        <li>
                            Te ayudamos a que tu página web sea encontrada en las <b>primeras páginas</b> de los buscadores.
                        </li>
                        <li>
                            Generamos <b>enlaces</b> con portales y páginas afines para atraer clientes y generar relevancia
                            de la marca en internet. Te asesoramos en la contratación de pautas publicitarias en portales,
                            webs de afiliaciones, etc. Creamos y publicamos contenido de calidad en tu página web (blogging)
                        </li>
                    </ul>
                </div>
                <!-- Gestion pagina web -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/rayo.png" alt="" class="icon">
                    <h4>Gestión página web</h4>
                    <ul>
                        <li>
                            Mantenemos <b>actualizada</b> tu página web con contenido nuevo del hotel (nuevos servicios,
                            actualización de tarifas, descripciones, etc.), creamos banners, pop-ups, etc
                        </li>
                        <li>
                            Sincronizamos tu página web con el contenido del plan de comunicación.
                        </li>
                    </ul>
                </div>
                <!-- Publicidad de pago (SEM y SMM) -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/computer.png" alt="" class="icon">
                    <h4>Publicidad de pago (SEM y SMM)</h4>
                    <ul>
                        <li>
                            <b>Creamos contenido</b> creativo.
                        </li>
                        <li>
                            Realizamos la gestión de <b>publicidad de pago</b> que mejor se adecue con las necesidades
                            de tu empresa, generando... leads (potenciales clientes) y reduciendo los costos PPC.
                            pop-ups, etc...
                        </li>
                    </ul>
                </div>
                <!-- Consultoría en Marketing Digital -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/manos.png" alt="" class="icon">
                    <h4>Consultoría en Marketing Digital</h4>
                    <ul>
                        <li>
                            <b>Analizamos</b> tu posición y presencia de marca en internet.
                        </li>
                        <li>
                            <b>Generamos</b> un plan de acción.
                        </li>
                        <li>
                            <b>Implementamos</b> el plan de acción.
                        </li>
                    </ul>
                </div>
                <!-- Diseño u optimización web -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6" >
                    <img src="img/icons/bocina.png" alt="" class="icon">
                    <h4>Diseño u optimización web</h4>
                    <ul>
                        <li>
                            Diseñamos o mejorar tu web para que cumpla todos los
                            estándares actuales de usabilidad, parámetros SEO y todos los
                            "gadgets" necesarios para potenciar la "conversión" (conseguir clientes)
                        </li>
                    </ul>
                    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
                </div>
                <!-- Diseño Gráfico -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/rayo.png" alt="" class="icon">
                    <h4>Diseño Gráfico</h4>
                    <ul>
                        <li>
                            Damos apoyo en diseño gráfico para mantener la imagen del
                            cliente actualizada y acorde a los estándares modernos
                            (logos, menús, banners, post, señalética...)
                        </li>
                        <li>
                            Sincronizamos tu página web con el contenido del plan de comunicación.
                        </li>
                    </ul>
                    <br/><br/><br/>
                </div>
                <!-- APP -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/computer.png" alt="" class="icon">
                    <h4>APP</h4>
                    <ul>
                        <li>
                            Sistema para potenciar la interacción con los clientes y
                            generar vinculación a la marca y "UPSELLINGS".
                        </li>
                    </ul>
                </div>
                <!-- Motor de reservas -->
                <div class="servicios col-md-offset-3 col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/comunicacion.png" alt="" class="icon">
                    <h4>Motor de reservas</h4>
                    <ul>
                        <li>
                            Asesoría e implementación de motor de reservas.
                        </li>
                        <li>
                            Tenemos alcance de soluciones "stand alone" hasta
                            "integrales" que cubren todo el ciclo de venta, desde la
                            integración con el PMS, motor de reservas, channel manager,
                            revenue/yield managment hasta la pasarela de pago más adecuada
                            para el cliente.
                        </li>
                    </ul>
                </div>
                <!-- CRM y Mail marketing (Gestión de la relación con los clientes) -->
                <div class="servicios col-md-3 col-sm-4 col-xs-6">
                    <img src="img/icons/bombilla.png" alt="" class="icon">
                    <h4>CRM y Mail marketing (Gestión de la relación con los clientes)</h4>
                    <ul>
                        <li>
                            Implementamos estrategias activas ON-LINE para el aumento de "reviews"
                            y evaluación de satisfacción.
                        </li>
                        <li>
                            Sistema para potenciar la interacción con los clientes ANTES de su primear
                            compra y generar "UPSELLINGS" (ventas adicionales a las previstas).
                        </li>
                        <li>
                            Ejecución de campañas del uso de tu base de datos para potenciar nuevos
                            clientes y clientes "repetidores".
                        </li>
                    </ul>
                </div>
                <div class="servicios col-md-3 col-sm-4 hidden-xs"></div>
            </div>
        </div>
    </div>
</div>
    
answered by 06.01.2017 в 21:47