The use of multimedia object media in Bootstrap

First, the basic multimedia object Media-object: Can be used in the picture of the commentary, forum messages on etc

<Divclass= "Container">        <H3>basic Multimedia Object Instances</H3>        <Divclass= "Media">            <aclass= "Pull-left"href="#">                <imgclass= "Media-object"src= "Images/mediaobject/c1.jpg"alt= "Car 1" />            </a>            <Divclass= "Media-body">                <h4class= "Media-heading">This is a automobili Lamborghini S.p.a.[white]</h4>This was content for object.do think about media. Welcome use the Media Object for Y            OU website. </Div>        </Div>        <Divclass= "Media">            <aclass= "Pull-left"href="#">                <imgclass= "Media-object"src= "Images/mediaobject/c2.jpg"alt= "Car 2" />            </a>            <Divclass= "Media-body">                <h4class= "Media-heading">This is a automobili Lamborghini S.p.a.[gray]</h4>This was content for object.do think about media. Welcome use the Media Object for Y                OU website. <BR/>This was a Automobili Lamborghini S.p.a.[gray] This is the content for object.do you think a Bout media.                Welcome use the Media Object for you website. <BR/>                <BR/>                <BR/>                <BR/>                <BR/>                <BR/>                <BR/>                <BR/>                <Divclass= "Media">                    <aclass= "Pull-left"href="#">                        <imgclass= "Media-object"src= "Images/mediaobject/c3.jpg"alt= "Car3" />                        <h4class= "Media-heading">This is a automobili Lamborghini S.p.a.[orange]</h4>This is a Automobili Lamborghini S.p.a.[gray] The is content for object.do Think about media. Welcome use the Media Object for you website. </a>                </Div>            </Div>        </Div>    </Div>

View Code

Second, multimedia list group: Through the unordered list implementation inside can also be nested:

<Divclass= "Container">        <H3>Multimedia Object list is implemented by unordered list</H3>        <ulclass= "Media-list">            <Liclass= "Media"><aclass= "Pull-left"href="#">                <imgclass= "Media-object"src= "Images/mediaobject/c4.jpg"alt= "Car 4" />            </a>                <Divclass= "Media-body">                    <h4class= "Media-heading">This is a automobili Lamborghini S.p.a.[yellow]</h4>                    <Pclass= "Media-middle">Do something for your the future.</P>                    <Divclass= "Media-bottom">You are successful</Div>                </Div>            </Li>            <Liclass= "Media"><aclass= "Pull-right"href="#">                <imgclass= "Media-object"src= "Images/mediaobject/c5.jpg"alt= "Car 5" />            </a>                <Divclass= "Media-body">                    <h4class= "Media-heading">This is a automobili Lamborghini S.p.a.[green]</h4>                    <Divclass= "Media-right">turn of right?</Div>                    <Divclass= "Media-left">turn of left?</Div>                </Div>            </Li>        </ul>    </Div>

View Code

As follows:

The use of multimedia object media in Bootstrap