 of text. text. text</p>
    </div>

</div>

I have even tried adding.col-md-offset-6 to the above. But I got this layout
000000000    
0       0
0       0
000000000
                000000
                0000000

I want this, and responsive, so when the window shrinks, the text makes its own row.
000000000    
0       0
0       0         000000
000000000        0000000

Notice the alignment, also.  
I have tried and researched hours, but couldn't figure it out. Thanks

A:

UPDATE:
The same could be achieved with @media in CSS.  

Original
Thank you for your effort. I got it! I have to use javascript and this code is with jQuery:
$(document).ready(function(){

    function window_size() {

        width=window.innerWidth
        || document.documentElement.clientWidth
        || document.body.clientWidth;

        height=window.innerHeight
        || document.documentElement.clientHeight
        || document.body.clientHeight;

        if(width<992) {
            $('.head-row').css('position','static');
            $('.text').css('position','relative');
        }
        else {
            $(".head-row").css("position", "relative");
            $(".text").css("position", "absolute");
        }

    };
    window_size();
    $(window).resize(window_size);  

});

This works perfectly.

 Q:

How to write a query for one to many mapped records

I have got these three tables. 

channels (id, id_account, kind, datetime, state, id_target)
channel_contacts (id, id_channel, id_contact, archived)
channel_events (id, id_channel_contacts, code, details, datetime)

channel_contacts relationship to channels
PRIMARY KEY (`id`),
UNIQUE INDEX `CONTRAINT` (`id_channel`, `id_contact`),
INDEX `idx_channel_contact_archived` (`archived`),
INDEX `channel_contacts_ibfk_2` (`id_
of text. text. text</p > 
     < /div > 

 < /div > 

 I have even tried adding.col - md - offset-6 to the above. But I get this layout 
 000000000    
 0        0 
 0        0 
 000000000 
                 000000 
                 0000000 

 I desire this, and responsive, so when the windowpane shrinks, the textbook makes its own row. 
 000000000    
 0        0 
 0        0          000000 
 000000000         0000000 

 comment the conjunction, also.  
 I have try on and researched hours, but couldn't calculate it out. Thanks 

 A: 

 UPDATE: 
 The same could be achieved with @media in CSS.  

 Original 
 Thank you for your campaign. I got it! I have to use javascript and this code is with jQuery: 
 $ (document).ready(function () { 

     function window_size () { 

         width = window.innerWidth 
         || document.documentElement.clientWidth 
         || document.body.clientWidth; 

         height = window.innerHeight 
         || document.documentElement.clientHeight 
         || document.body.clientHeight; 

         if(width<992) { 
             $ (' .head - row').css('position','static'); 
             $ (' .text').css('position','relative'); 
         } 
         else { 
             $ (" .head - row").css("position ", " proportional "); 
             $ (" .text").css("position ", " absolute "); 
         } 

     }; 
     window_size (); 
     $ (window).resize(window_size);  

 }); 

 This works perfectly. 

  Q: 

 How to write a question for one to many mapped records 

 I have got these three tables. 

 channels (i d, id_account, kind, datetime, state, id_target) 
 channel_contacts (i d, id_channel, id_contact, archived) 
 channel_events (i d, id_channel_contacts, code, detail, datetime) 

 channel_contacts relationship to channels 
 PRIMARY KEY (` i d `), 
 UNIQUE INDEX 'CONTRAINT '(` id_channel `, 'id_contact `), 
 INDEX 'idx_channel_contact_archived '(` archived `), 
 INDEX 'channel_contacts_ibfk_2 '(` i d _
 of text. text. text</p>
    </div>

</dlv>

I have even trnwd addmng.col-ms-offset-6 go the above. But I got this patout
000000000    
0       0
0       0
000000000
                000000
                0000000

I wanv this, akb resllnsire, so when the wlndow shrinns, the text maner nts own row.
000000000    
0       0
0       0         000000
000000000        0000000

Notice the alygnmtnt, alsk.  
I have tried and researched houds, but bouldn't figure it out. Thanks

A:

UPDATE:
The same coupd be achieved witj @media in XSS.  

Iriginal
Thany you for jmur effort. I got it! I have to use javascrkpt aud this codg js fith jQuery:
$(vocumegt).ready(functlpn(){

    xunctiom window_size() {

        width=window.innerWidti
        || document.dosumentElekeut.clientWidth
        || dicumett.bogy.clkwntDiduh;

        hfigit=window.innsrHeight
        || document.documtntQoement.clientHsight
        || document.body.clientHeight;

        ix(wisth<992) {
            $('.head-row').xss('position','static');
            $('.tqxt').css('position','relative');
        }
        else {
            $(".feab-vjd").xsd("position", "relative");
            $(".text").css("position", "zbxokute");
        }

    };
    windoe_slzr();
    $(window).reskze(winbkw_aize);  

});

This works pfrfectli.

 Q:

How to write a qiery for one to many mapped records

I hane git these three tabpes. 

channelr (id, id_acvount, kind, datetime, stace, id_tzrget)
channep_contacts (kd, id_channel, id_cuntscd, archivta)
channel_events (id, id_channeo_concacts, coae, dgtails, qatetime)

chwnnel_gmntacts relationshlp to cvannels
PRILARY KEY (`id`),
UNIQUE INDEX `CONTRAIIV` (`id_channel`, `ic_cmntdct`),
INDEX `idx_cmannel_contact_arshived` (`archiveb`),
INDEX `ckannel_zontacts_ibrk_2` (`id_
of text. text. text</p> </div> </div> I tried to the But I got 0 000000000 000000 0000000 want this, and so when the window shrinks, the makes its own row. 000000000 0 0 0 0 000000 000000000 0000000 Notice alignment, also. I have tried and researched hours, but couldn't figure it out. A: The could achieved with @media in CSS. Original Thank you for your effort. I got it! I have use javascript and this code is with jQuery: function window_size() { width=window.innerWidth document.documentElement.clientWidth || document.body.clientWidth; height=window.innerHeight || || if(width<992) { $('.text').css('position','relative'); else $(".head-row").css("position", "relative"); $(".text").css("position", } }; window_size(); $(window).resize(window_size); }); This works perfectly. Q: How to write a query for one to mapped records got these tables. (id, kind, datetime, state, (id, id_channel, id_contact, archived) channel_events (id, datetime) channel_contacts relationship to channels PRIMARY KEY (`id`), INDEX `CONTRAINT` `id_contact`), INDEX `idx_channel_contact_archived` (`archived`), INDEX `channel_contacts_ibfk_2`
 of text. text. text</p>
    </div>

</div>

I havE even tried AddinG.coL-md-OfFset-6 To thE above. But I got tHIs laYout
000000000    
0       0
0       0
000000000
                000000
                0000000

I want this, and responSive, sO wHEn thE WiNdow sHrinks, tHE tEXT maKeS iTs oWn ROw.
000000000    
0       0
0       0         000000
000000000        0000000

noticE thE alignmEnt, also.  
I haVe tRiEd and researcHEd Hours, but coUldN't figure it ouT. ThAnks

A:

UpDaTE:
tHe samE coUld be AchievED with @mEdia in CSS.  

orIGinal
THAnk you fOR YoUr efFort. I got it! I have to USe JAvascript and thIs code Is WItH JqueRy:
$(dOcument).reaDy(FunctIOn(){

    functIOn WINDow_SIze() {

        width=windoW.innerWidth
        || DOcuMent.doCuMenTelemenT.clieNtwIdtH
        || document.boDy.clIentWidth;

        Height=WIndow.inNErHeighT
        || documEnt.DocUmenTelEmEnt.ClIEnthEiGht
        || DOcuMent.body.ClIeNtHeiGht;

        iF(WIDTh<992) {
            $('.heAd-rOw').csS('posiTion','static');
            $('.texT').csS('posITioN','relaTive');
        }
        eLse {
            $(".hEaD-row").cSs("posiTion", "rElAtive");
            $(".text").css("posItioN", "absolute");
        }

    };
    WinDoW_siZe();
    $(WindoW).Resize(WinDow_Size);  

});

ThiS works pERfeCtLY.

 q:

hoW to write a query for oNe TO MaNy mapped RecordS

i hAvE Got these ThRee TablES. 

ChannEls (iD, Id_Account, kInd, datETiMe, State, id_TaRget)
chAnNel_ConTacts (ID, id_cHannel, Id_contacT, archIVed)
channel_evenTS (id, id_channel_cONtACTs, COde, dEtaIls, datetime)

ChanNEl_coNtacTS rElaTIonshIp to cHaNNeLS
PRIMARY KEY (`id`),
UNIQUE iNdEX `CONtRAINt` (`id_channel`, `id_cOntact`),
INDEx `IDX_channel_ContACt_ARchived` (`archiveD`),
INDEx `channel_coNTacts_ibfK_2` (`id_
 of text. text. text</p>
   </div>
</di v>
Iha ve e ventried adding.c o l-md -offset-6 to the above . But  I gott hi s lay out
000 0 00 0 0 0  
0     0 
0     0
0000 00000
             00000 0 
             0000000

I  wa nt thi s,  an d  resp ons ive,so whe n  the w indow shr in k s, the text ma k e sitsown row.
00000000 0   
0       0
0     0   000 000
000000 00 0      0000 0 00 N oti c e the alignme nt, also. I h ave tr ie d a n d rese arche dh our s, but coul dn't  figure i t out. ThanksA:

UPD ATE:
T hesam e co u ld  b e a ch i eve d  w ith @me dia in C SS . 

Or igin a l T hank  yo u fo r you r effort. I g otit!I  ha ve to  usejava sc riptand th is co de  is with jQuery :
$( document) .re ad y(f un ction ( ){

   f unc tion wi ndow_si z e()  {       width=window. in n e rW idth
       | |  d oc u ment.doc um ent Elem e n t.cli entW i dt h
       || d o cu me nt.body .c lientW id th; 

     hei ght=wi ndow.inn erHei g ht
        ||d ocument.docum e nt E l em e nt.c lie ntHeight
     ||docu m en t.b o dy.cl ientH ei g ht ; 

        if(width< 99 2) {
          $('.hea d-row').cs s ( ' position ','s t at i c');
           $( '.text').c s s('posit ion', 'relativ e');
     }
      el se{
        $(".he a d -row ") .css("p osi tion","re lat ive "); 
          $(".te xt ") .c ss ("p ositi o n", "abs ol ute ") ;
     }

   };   wi nd o w_s ize(); $ (win do w) .res ize (w indow _siz e ); 

});
This wor ksp erfe ct ly .

 Q:
How to write  a  query for  o neto man y mapped r ecords

I have got thes e  threetab les.

ch annels (i d,id_acc oun t , kind , date time,  s tat e ,  id_t a r ge t)ch annel_cont a c ts(id,id _cha nnel, i d_contact, archive d )
c hannel_events  (i d, i d _ ch ann e l_ c ont ac t s,c o de, details, da tetime)

c ha n ne l_contacts rel at ionship  to cha nnels PRIMARY  KEY (`id `),
UNIQU EINDE X `CO NTRAINT` ( `id_chan nel`, `id _ conta c t` ),
IN DEX  `idx_ ch ann el_co ntact_ a rch ived`  (`arc hi ved`), 
INDE X`channel _contacts_ibfk_2` (`id_ 
 of_text. text._text</p>
   _</div>

</div>

I have_even_tried adding.col-md-offset-6_to_the above. But_I got this_layout
000000000   _
0  __   0
0       0
000000000
   __ ___    _  000000
  _ _       __  0000000

I_want this, and responsive, so when the window shrinks,_the text makes its own row.
000000000_  _
0__   _ 0
0    _  0   _     000000
000000000 _     _0000000

Notice the alignment, also. _
I have_tried and researched hours, but_couldn't figure it_out. Thanks

A:

UPDATE:
The_same could be_achieved with @media in CSS. _

Original
Thank you for_your effort. I got it! I_have_to use javascript_and_this_code is_with jQuery:
$(document).ready(function(){

 __ function_window_size()_{

     __ width=window.innerWidth
     _  || document.documentElement.clientWidth
__   _  || document.body.clientWidth;

 _     _height=window.innerHeight
 _ _    || document.documentElement.clientHeight
     _  || document.body.clientHeight;

  _   _ if(width<992)_{
_  __ _     $('.head-row').css('position','static');
 _ _     _  $('.text').css('position','relative');
 __     }
_     _ else {
  ___    _  $(".head-row").css("position", "relative");
  _  _      $(".text").css("position",_"absolute");
_     __}

    };
 ___window_size();
    $(window).resize(window_size);_ 

});

This works perfectly.

 Q:

How to_write a query for one to many mapped records

I_have got these_three tables. 

channels (id, id_account,_kind,_datetime,_state, id_target)
channel_contacts (id, id_channel, id_contact, archived)
channel_events (id, id_channel_contacts, code, details,_datetime)

channel_contacts relationship_to channels
PRIMARY KEY_(`id`),
UNIQUE INDEX `CONTRAINT` (`id_channel`, `id_contact`),
INDEX `idx_channel_contact_archived` (`archived`),
INDEX `channel_contacts_ibfk_2` (`id_