İki sütun ile bir satır var onda sıvı bir düzen Twitter bootstrap kullanıyorum. İlk sütun span normalde doldurmak istiyorum hangi içerik, bir yeri vardır. İkinci sütunda sadece bir düğme ve hizalamak hücreye göre ilk sütunu altına istediğim bir metin var.

İşte elimdekiler:

-row-fluid-------------------------------------
 -span6----------   -span6---------- 
|                | |short content   |
| content        |  ---------------- 
| that           | 
| is tall        |    
|                |
 ---------------- 
-----------------------------------------------

İstediğim şey şu:

-row-fluid-------------------------------------
 -span6---------- 
|                |
| content        |
| that           | 
| is tall        |  -span6----------     
|                | |short content   |
 ----------------   ---------------- 
-----------------------------------------------

Gördüm çözümleri bu ilk yayılma mutlak yükseklik ve pozisyon ikinci dilimi göreceli, ama çözüm nerede bilmiyordum belirtmek mutlak yüksekliği benim divs olurdu tercih. Ayrıca, aynı etkiyi elde etmek için nasıl tam bir yeniden düşünmeye açığım. İskelenin bu kullanmak için evli değilim, bana en mantıklı görünüyordu.

Turp gibi bu düzeni:

http://jsfiddle.net/ryansturmer/A7buv/3/

Çalışan bir çözüm için http://jsfiddle.net/jhfrench/bAHfj/ bkz.

//for each element that is classed as 'pull-down', set its margin-top to the difference between its own height and the height of its parent
$('.pull-down').each(function() {
    $(this).css('margin-top', $(this).parent().height()-$(this).height())
});

Artı tarafta:

• Bootstrap's existing helper classes, ruhu sınıf pull-down Adını verdim.
• elde olan tek unsur" kabul edilmesi gerekiyor,... "çekti
• ...farklı eleman tipleri (dıv, span, bölüm, s, vb) için yeniden kullanılabilir
• adil-(tüm büyük tarayıcılar margin-top desteği) desteklenen

Şimdi kötü haber:

• bir WordPress kullanmak gerekir
• olarak yazılmış, duyarlı (üzgünüm) değil