<!DOCTYPE HTML><HTML><Head> <MetaCharSet= "UTF-8"> <Metaname= "Viewport"content= "Width=device-width, initial-scale=1"> <title>Code2</title> <Linkrel= "stylesheet"href= "Css/bootstrap.min.css"/> <Scripttype= "Application/javascript"src= "Js/jquery-1.12.3.min.js"></Script> <Scripttype= "Application/javascript"src= "Js/bootstrap.min.js"></Script> <style>Div{Border:1px solid Red} </style> </Head> <Body> <Divclass= "Container"> <Divclass= "Row"> <Divclass= "Col-xs-6 col-sm-3">Col-xs-6 col-sm-3 1<BR/>Minister Hu, Minister of Justice Hu</Div> <Divclass= "Col-xs-6 col-sm-3">Col-xs-6 col-sm-3 2</Div> <Divclass= "Clearfix visible-xs"></Div> <!--cleared 3 of the float so that 3 rows below 1 - <Divclass= "Col-xs-6 col-sm-3">Col-xs-6 col-sm-3 3</Div> <Divclass= "Col-xs-6 col-sm-3">Col-xs-6 col-sm-3 4</Div> </Div> </Div> </Body></HTML>
Bootstrap CH2 Clear Float