jquery - Attempting to get columns to sit side by side CSS Bootstrap -

-

I am creating a website on WordPress using the Twitter Bootstrap framework.

I have a loop that goes through my case study and prints them on the page in 8 column wide space, so I try to put my sidebar next to these case studies with width 4 I do But it just push my sidebar in the lower part of the page. The only solution I have found is to give a negative margin, doing this, the background image separates from other pages, so it can not be used.

This is my code which generates case studies and then generates my sidebar.

Thank you! 

  & lt ;? Php if ($ wp_query -> is_pause ()): while ($ wp_query-> is_pos ()): $ wp_query- & gt; The_post (); ? & Gt; & Lt; Div class = "line case-study-block" & gt; & Lt; Div id = "page_content" & gt; & Lt; Div class = "col-md-8" & gt; & Lt; Div class = "case_summary_image col-md-4" & gt; & Lt; A href = "& lt ;? php the_permalink () ;? & gt;" & Gt; & Lt ;? Php the_post_ thumbnail ('CaseStudy IMG-Responsive') ;? & Gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "case_summary col-md-8" & gt; & Lt; / A & gt; & Lt; One style = "font-size: 18px; row-height: 30px; color: # 666666; font-weight: bold; text-decoration: any" href = "& lt; php the_ermelink () ;? & gt;" & Gt; & Lt ;? Php the_title (); ? & Gt; & Lt; / A & gt; & Lt; P & gt; & Lt ;? Php the_excerpt (); ? & Gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - Sidebar - & gt; & Lt ;? Php timeline; end if; ? & Gt; & Lt; Div class = "clear" & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; Div id = "page_content" & gt; & Lt; Div class = "col-md-4 pull-right" & gt; & Lt ;? Php get_sidebar ('case') ;? & Gt; & Lt; / Div & gt;

It seems to me that your html structure is incorrect for bootstrap, of this structure Try: 

  & lt; Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-md-8" & gt; & Lt; Div class = "row" & gt; & Lt ;! - WP Post Loop - & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-4" & gt; & Lt ;? Php get_sidebar ('case') ;? & Gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;

With this you have the ID page_content twice the ID must be unique!

And if you want the nest col-xx-xx in the other col-xx-xx (like you do your case-study- In the block loop), you need to wrap a new .row inside the call first. Read more about this here:


Comments

Post a Comment

Popular posts from this blog

HTML/CSS - Automatically set height width from background image? -

-
Long time ... I do not think it's possible, but I'm shocked before! I tag anchor tags, all of which are background images, all 300px wide but their height is all the difference, is it really set to do without typing altitude? Is it to set the dimensions of BG URL? Thank you! I do not think people understand - my mistake is to hurry the question. Here is the code as an example: # ago -1 {width: 300px; Height: 410px; Background: url ('/ image-1.jpg');} # East -2 {width: 300px; Height: 420px; Background: url ('/ image-2.jpg');} # Pre-3 {width: 300px; Height: 430px; Background: url ('/ image-3.jpg');} # Pre-4 {width: 300px; Height: 440px; Background: url ('/ image-3.jpg');} & lt; A href = "#" id = "ex-1" & gt; & Lt; / A & gt; & Lt; A href = "#" id = "ex-2" & gt; & Lt; / A & gt; & Lt; A href = "#" id = "pre-3" & gt; & Lt; / A & gt...
Read more

php - Mysql Show Process - Sleep Commands and what to do -

-
I am thinking that there is something that I can do better so that my process list should start with the command with MySQL Be clear Currently I am looking for a lot: 17325 user_a localhost db_1 sleep 1132 NULL 17464 user_a localhost db_1 sleep 1124 NULL 17983 user_a localhost db_1 sleep 1078 null 18113 user_a localhost db_1 sleep 1068 NULL 18207 user_a localhost db_1 sleep 1060 NULL 18231 user_a localhost db_1 sleep 1058 NULL 18353 user_a localhost db_1 sleep 1047 NULL 18447 user_a localhost db_1 sleep 1040 null 18489 user_a localhost db_1 sleep 1036 NULL 23408 user_a localhost db_1 sleep 637 NULL Something in my phpscript is that I want to clean it Can i The script looks like: Select the ID from $ q = 'db_1 where fkId = 2'; $ Ar = mysql_query ($ q); ($ Line = mysql_fetch_array ($ qr)) {echo ($ row ['id'];} Thanks in advance! I'm guessing that when you have 10 threads, you're constantly using the connectio...
Read more

list Class in C++ -

-
I am working on a program that is considered to be reading the content of a file in the list of links "hypercard stack "(I have listed special). I know that there is a list in the C ++ standard library, but since I've never worked with the standard library before, I do not know how to make it work with this particular problem for. Any code I have received here has been successful in collecting bits of online bits and online tutorials together. My .h file: // program6.h #include & lt; Iostream & gt; # Include & lt; Fstream & gt; #include & lt; String & gt; # Include & lt; List & gt; using namespace std; Square node {public: node (); Node (four code, integer number, string data); Node (node ​​and node); ~ Node (); Bool readFile (); Zero set next (node ​​* next); Zero print (); Private: four codes; Int Num; String data; Node * next; }; My implementation file: // program6.cpp #include "program6.h" #include & lt;...
Read more