css - Responsive layout side by side on desktop, overlay with nav on mobile -

-

I'm looking for a responsive pattern where I have two pages (or it's called div) 

  | -------- | -------- | | | | | P1 | P2. | | | | | | | -------- | -------- |   
 As I reduced the width of the page, or see it on a mobile, it falls on the same page. Let's say - & gt; Displays a link to reach page two in the upper right corner.  
  | -------- | | - & gt; | | | | P1 | | | | -------- |   
 and similar to page 2, & lt; - Return to page one  
  | -------- | | & Lt; - | | | | P2. | | | -------- |   
 How can anyone get this idea? I have a library in which it has to support, such as a bootstrap or foundation or "do it yourself".  
 
 
 You can get it by using CSS It is:  
  JSFiddle -   
  
 
 
  .div {width: 50%; Height: 100px; Swim left; } .div-1 {background: red; } .div-2 {background: blue; } @ Media (max-width: 480px) {.div {float: none; Width: 100%; }}   
  & lt; Div class = "div div-1" & gt; & Lt; / Div & gt; & Lt; Div class = "div div-2"> gt; 
 JSFiddle -   
  
 
 
  body {margin: 0; Hidden flurry; } A {color: white; Width: 100%; Height: 100%; Display: Inline-block; Font-size: 36px; Line-height: 100px; Text align: center; } .div {width: 50%; Height: 100px; Swim left; } .div-1 {background: red; } .div-2 {background: blue; } @ Media (max-width: 680 px) {.div -p {width: 200%; }}   
  & div; Div class = "div-p" & gt; & Lt; Div id = "div-1" class = "div div-1" & gt; & Lt; A href = "# div-2" & gt; Page 1 & lt; / A & gt; & Lt; / Div & gt; & Lt; Div id = "div-2" class = "div div-2" & gt; & Lt; A href = "# div-1" & gt; Page 2 & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt;      

 




  






































Comments











Post a Comment

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

-
I'm trying to call the Python using the Java program py4j . I've been installing the plug-in Eclipse and test name Piidvi project. I'm trying to execute the following part of the code found on py4j webpage: Import from py4j.java_gateway to JavaGateway, java_import gateway = JavaGateway () jvm = gateway.jvm java_import (jvm, '' Org.eclipse Kkorkrisorsej. * ") Vrkspes_rut = Jvankresourkesplginkgetvrkspas (). GetRoot (Gateway .help (workspace_root, '* Projects *') project_names = [project.getName () (for projects workpace_root.getProjects))] print (Projekt_nam) But I There is an error in import. I have checked that the P4JJ is present in the Jar Eclipse plugin directory. Can anyone help please? I had to install the py4j application
Read more

python - Receiving "KeyError" after decoding json result from url -

-
I am new to Python I am trying to parse JSON result from a URL. Basically, I was using the following: response = urllib.request.urlopen (url) json_obj = json.load (response) It should be a stroke "str 'not' bytes' in the lines of a given" JSON object, so after searching on the StackoverView Flo, I decode the response in this way: F = urllib.request.urlopen (Url) charset = f.info (). Get_param ('charset', 'utf8') data = f.read () decoded = json.loads (data.decode (charset)) If I print "decode" I is as follows: { 'link': { 'summary data': 'https: // localhost / piwebapi / streams / p0_7qHaW4UHU-RlCaz8tpasAAQAAAAU0hJTExNQU42NDIwXFNJTlVTT0lE / summary' 'value': 'https: // localhost / Piwebapi / streams / P0_7qHaW4UHU-RlCaz8tpasAAQAAAAU0hJTExNQU42NDIwXFNJTlVTT0lE / price ',' InterpolatedData ':' https: // localhost / Piwebapi / streams / P0_7qHaW4UHU-RlCaz8tpasAAQAAAAU0hJTE...
Read more

C++ Array Type Not Assignable in Copy Constructor -

-
I have a simple class that represents the triangle, which consists of three arrays square triangle {public: double x [3]; Double y [3]; Unsigned four colors [3]; }; I want to create objects in this square on the heap, then pass on those functions which will use the value from the array. Since I am in these items, I need to make a deep copy to make a copy. Triangle (const triangle and obj) {X = new double [3]; Y = new double [3]; Color = new unsigned char [3]; For (int i = 0; i I keep the following error: "Error: array type 'double [3]' is not assignable for each of the three arrays. I am taking the same view as discussion, and I do not know why I am unable to create a new array. The answer is also the same approach. Does anyone have any insights? Looks like I'm really stupid. I'm taking the same approach as discussed in this video. In the video, you can see that he started the array Read on the member-preliminary list and how it is dif...
Read more