twitter bootstrap - Collapse span into two columns -


updated
have tow columns twitterbootstrap span7 , span5 this:

<div class="row"> <div class="span7">column 1</div> <div class="span5">column 2</div> </div>

in span5 have content in definition list <dl> on tablet , mobile screens (767px , below) collapses this:

|     span7     |    |     span5     |

this makes collapsed span5 extremely tall , thin, therefore need split information in span5 2 columns this:

|     span7     |    | span5 | span5 |

any suggestion how without major hassle?

well, think have admit can specify how want "span5" content split. can't guessed browser. (maybe you'll want every other line, or split in in middle...)

so, let's assume original content :

<div class="row">   <div class="span7">span 7</div>   <div class="span5">     <div>span 5-1</div>     <div>span 5-2</div>   </div> </div>

which makes

|       span7       |    | span5-1 | span5-2 |

this post should helpful : twitter bootstrap: how not scale columns single row under 767px

unfortunately, didn't manage better forced write content twice :

<div class="row-fluid">   <div class="span7">span 7</div>   <div class="span5 hidden-phone">     <div>span 5-1</div>     <div>span 5-2</div>   </div>     <div class="mobile-one visible-phone">span 5-1</div>     <div class="mobile-two visible-phone">span 5-2</div> </div>

(you can test @ http://bootply.com/86089)

i'll post solution if manage find better...


Comments

Post a Comment

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

i'm learning java , have question regarding reading file want read numbers file contains strings well. here example of file: 66.56 "3 java 3-43 5-42 2.1 1 and here coding: public class test { public static void main (string [] args){ if (0 < args.length) { file x = new file(args[0]); try{ scanner in = new scanner( new fileinputstream(x)); arraylist<double> test = new arraylist<>(); while(in.hasnext()){ if(in.hasnextdouble()){ double f=in.nextdouble(); test.add(f);} else {in.next();} } catch(ioexception e) { system.err.println("exception during reading: " + e); } } my problem add 66.56,2.1 , 1 doesn't add 3 after "3 or ignores 3-43 , 5-42 can tell me how skip strings , add doubles here? thanks all said 3 ie; "3, 3-43 , 4-42 strings either u read string , split , check number @ " , - or put in space between characters , integers. jvm after compilation tre...
Read more

rewrite - Trouble with Wordpress multiple custom querystrings -

i'm working on adding multiple querystring , doesn't seem work. i've found codes seems work others might i'm missing something. i want like: http://mydomain.com/board/?getyear=2013&getsometext2=sometext to http://mydomain.com/board/2013/sometext/ i added code below functions.php file. doesn't seem work should though. this works. echoing querystring gets both variable without problem. http://mydomain.com/board/2013/sometext/ but doesn't. tested querystring vis isset() seems nothing being set/get http://mydomain.com/board/2013/ function add_query_vars($vars) { $vars[] = "getyear"; $vars[] = "getsometext2"; return $vars; } add_filter('query_vars', 'add_query_vars'); function add_rewrite_rules($arules) { $anewrules = array('board/([^/]+)/([^/]+)/?$' => 'index.php?pagename=board&getyear=$matches[1]&getsometext2=$matches[2]'); $arules = $a...
Read more