html - Bootstrap 3 - Column Wrapping - Taking up the available space in a column -


i struggling bit how things lined bootstrap 3. when column wraps, scroll bottom of last div.

often times, have sidebar exceeds length of main body. information goes in side bar less important main box, more important information on bottom.

how can 2 green sections in following example line on larger screen?

view example code - http://www.bootply.com/42xm6pgods

.example{      background-color: green;      min-height:200px            }      .example2{    background-color: red;    min-height:500px;  }
<div class="container">    <div class="row">      <div class="col-lg-8">        <div class="example">          main body of information        </div>      </div>      <div class="col-lg-4">        <div class="example2">          important information on sidebar when on large screen        </div>      </div>      <div class="col-lg-8">        <div class="example">          less important information        </div>      </div>    </div>  </div>

one way use pull-right on sidebar..

<div class="container">   <div class="row">     <div class="col-lg-8">       <div class="example">         main body of information       </div>     </div>     <div class="col-lg-4 pull-right">       <div class="example2">         important information on sidebar when on large screen       </div>     </div>     <div class="col-lg-8">       <div class="example">         less important information       </div>     </div>   </div> </div>

http://bootply.com/iglrydnc2s


Comments

Post a Comment

Popular posts from this blog

cakephp - simple blog with croogo -

i not problem, made simple blog in croogo, problem is not adding or modifying or delete, because arabic language ?? function add in controller `public function admin_add() { $this->set('title_for_layout', __('add part')); if (!empty($this->request->data)) { $this->part->create(); if ($this->part->save($this->request->data)) { $this->session->setflash(__('the part has been saved'), 'default', array('class' => 'success')); $this->redirect(array('action' => 'index'));//, $this->part->id)); } else { $this->session->setflash(__('the part not saved. please, try again.'), 'default', array('class' => 'error')); } } }` => model `class part extends appmodel { public $name = 'part'; var $belongst...
Read more

How to group boxplot outliers in gnuplot -

i have large set of data points. try plot them boxplot, of outliers exact same value , represented on line beside each other. found how set horizontal distance between outliers in gnuplot boxplot , doesn't much, apparently not possible. is possible group outliers together, print 1 point , print number in brackets beside indicate how many points there are? think make more readable in graph. for information, have 3 boxplots 1 x value , times 6 in 1 graph. using gnuplot 5 , played around pointsize, doesn't reduce distance anymore. hope can help! edit: set terminal pdf set output 'dat.pdf' file0 = 'dat1.dat' file1 = 'dat2.dat' file2 = 'dat3.dat' set pointsize 0.2 set notitle set xlabel 'x' set ylabel 'y' header = system('head -1 '.file0); n = words(header) set xtics ('' 1) set [i=1:n] xtics add (word(header, i) i) set style data boxplot plot file0 using (1-0.25):1:(0.2) boxplot lw 2 lc rgb '#8b0000...
Read more

bash - Performing variable substitution in a string -

i have string contains use of variable, , i'd substitute variable's value string. right best have is #!/bin/bash foo='$name; echo bar' name="the name" expanded="$(eval echo "$foo")" echo "$expanded" which has obvious defects: prints the name bar while i'd print the name; echo bar instead of eval can bash's regex matching bash's string replacement: foo='$name; echo bar' name="the name" [[ "$foo" =~ \$([[:alnum:]]+) ]] && s="${!bash_rematch[1]}" && expanded="${foo/\$${bash_rematch[1]}/$s}" echo "$expanded" name; echo bar
Read more