将一个col的文本换行到另一个col,并在bootstrap中包含图像

时间:2015-03-17 19:55:31

标签: jquery html css twitter-bootstrap

我在bootstrap中有一行和两列,一个带有文本块,另一个带有图像,但我希望文本环绕图像,但我不能,它显示像2 col分割。减少到基本,这是html:

<div class="row ">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">

<p class="fecha-noticia"><img src="images/calendar-orange.png"  class="img-responsive calendar-orange" alt="Responsive image 10" />28 Octubre 2014</p>
<p class="sumario">Gran representación de Aje Extremadura en la 56 jornada corresponsables.</p>
            <p>
Durante la inauguración, María Ángeles Muñoz, consejera de Empleo, Mujer y Política Social del Gobierno de Extremadura, ha asegurado que “el Gobierno de Extremadura ha trabajado muy duro para que la RSE sea una realidad en la región, no sólo siendo la primera Comunidad Autónoma que hemos desarrollado una Ley de RSE (2010), sino trabajando para su implantación en el tejido empresarial, que está conformado por pymes”.
            </p>
            <p>
 Muñoz resaltó diferentes iniciativas como la publicación desde hace tres años de la memoria de RSE, la aprobación del Gobierno hace unos meses de una moción para incorporar las clausulas sociales y medioambientales  en la contratación pública o el curso de homologación de auditores para verificar información no financiera en la aplicación ORSE. La consejera de Empleo, Mujer y Política Social avanzó que en breve “el Gobierno de Extremadura apoyará la contratación de personas para la integración de las RSE en la empresa y que en el primer trimestre de 2015 el Consejo Autonómico de RSE aprobará la primera estrategia de RSE de Extremadura”.
            </p>
            <p>
 El alcalde de Badajoz, Francisco Javier Fragoso, indicó que “la propia actividad de la Administración Pública es RSE y por eso su gestión tiene que ser responsable”. Fragoso consideró que “la RSE en el caso de Extremadura ayuda a mejorar el territorio porque las empresas, sobre todo pymes, se implican con su desarrollo”. Además dijo que “es necesario trabajar la responsabilidad individual para que la RSE siga creciendo”.  

            </p>

<P class="lastp-single">El director de Fundecyt, Antonio Verde, aseguró que “promovemos la RSE convencidos de que es un valor añadido para la empresa y la sociedad” y que “queremos ser un referente en Extremadura en materia de emprendimiento, innovación y RSE”. Puso como ejemplo el proyecto europeo DESUR en el que Fundecyt participó.</P>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">  
<img class="img-responsive" src="images/representacion.jpg" alt="vision" />

                   <img  src="images/compartir.png"  class="img-responsive compartir" alt="Responsive image 10" /></div>


    </div>

    </div>

JSFIDDLE:http://jsfiddle.net/k40on7ww/

感谢。

1 个答案:

答案 0 :(得分:0)

合并列,然后执行以下操作:

.vision.pull-right {
    margin: 0 0 15px 15px;
    width: 50%;
}

<强> Demo