AngularJS: Move a div inside a placeholder div - css

Question

I have the following html:
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
<div id="div6"></div>
The output would be displayed as:
Div 1 Div 2
Div 3 Div 4
Div 5 Div 6
Given some information on page load Div 1 or Div 2 may be hidden. If Div 1 is hidden I want to move Div 2 to the placeholder for Div 1 and move Div 5 to the placeholder for Div 2. I always want Div 3 and Div 4 on the same line. Currently if I hide a div the next one moves up in its place causing Div 3 and Div 4 to be on two different lines. I have researched AngularJS and can't find a way to do this? Any thoughts?
UPDATE
<div id="placeholder1"></div> <div id="placeholder2"></div>
<div id="placeholder3"></div> <div id="placeholder4"></div>
<div id="placeholder5"></div> <div id="placeholder6"></div>
<div id="memid">Member ID</div> <div id="otherid">Other ID</div>
<div id="fName">First Name</div> <div id="lName">Last Name</div>
<div id="dob">DOB</div> <div id="otherInfo">Other Info</div>
Given the site the member id or other id may be hidden and I would like to move DOB to placeholder2 and OtherID to placeholder1 or leave member id in placeholder1 while keeping first and last name on the same row. I am also using bootstrap grid for the layout.

Answer 1

i dont understand, where is needed angular. The problem could be solved only with css:
div{
float:left;
width:50%;
}

Answer 2

Your best bet is likely going to be to use javascript to handle this. You can do this without Angular, though. You could manually move the elements around within the set of nodes containing the six divs. You could also try taking the html content from one div and moving it to another.
if (/*condition that hides div1*/){
Div1.html(Div2.html());
Div2.html(Div5.html());
Div5.hide();
}
You could also try applying css classes that manually place the elements on the page.