push - Bootstrap layout - i don't want break into new line -


i want make bootstrap layout picture code: large screen layout

<div class="row"> <div class="col-lg-8 col-md-8 col-xs-12">     <h3 class="panel-title">main news</h3> </div>  <div class="col-lg-4 col-md-4 col-xs-12">     <h3 class="panel-title">contact</h3>     <h3 class="panel-title">comment</h3>     <h3 class="panel-title">most views</h3> </div>  <div class="col-lg-8 col-md-8 col-xs-12">     <h3 class="panel-title">other news</h3> </div> </div> 

it must keep sort: main news->contact->comment-> views->other news in mobile screen. , layout picture in large screen. h3 block remove clear view

but in large screen appears distance of space between main news & other news block. don't know how make “other news” block next in below of “main news”? can 1 me on this?

try code, hope help. code space because code added space height of tag.

<div class="col-lg-4 col-md-4 col-xs-12">     <h3 class="panel-title">contact</h3>     <h3 class="panel-title">comment</h3>     <h3 class="panel-title">most views</h3> </div> 

change html seem here,

<div class="row"> <div class="col-lg-8 col-md-8 col-xs-12">     <h3 class="panel-title">main news</h3>     <h3 class="panel-title">other news</h3> </div>    <div class="col-lg-4 col-md-4 col-xs-12">     <h3 class="panel-title">contact</h3>     <h3 class="panel-title">comment</h3>     <h3 class="panel-title">most views</h3> </div> </div> 

Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -