如何使用Bootstrap實現流體固定流體三列布局？

Question

在一個項目中，我需要與在中間的固定大小的柱，並用一個可變寬度的兩個進一步列（每個min = 100px和max = /100% - 500px)/2）實施3列布局：

（如何）這可以使用Twitter Bootstrap實現嗎？

Answer 1

看來，Bootstrap沒有提供實現這種混合固定流體佈局的工具。一個人必須使用這樣的workaroud（發現here，也看到http://jsfiddle.net/kizu/UUzE9/）：

CSS

#main { 
    min-width: 500px; 
    padding: 0 500px 0 0; 
    white-space: nowrap; 
    overflow: hidden; 
} 

.main-column { 
    position: relative; 
    display: inline-block; 
    vertical-align: top; 
} 

#main-column-left { 
    width: 50%; 
    background: #00FFB4; 
} 
#main-column-middle { 
    width: 500px; 
    background: #434343; 
} 
#main-column-right { 
    width: 50%; 
    background: #FF9000; 
} 

.content { 
    white-space: normal; 
} 

HTML

<div id="main"> 
    <div class="main-column" id="main-column-left"><div class="content"> 
     Lorem ipsum dolor sit amet... 
    </div></div> 
    <div class="main-column" id="main-column-middle"><div class="content"> 
     Lorem ipsum dolor sit amet... 
    </div></div> 
    <div class="main-column" id="main-column-right"><div class="content"> 
     Lorem ipsum dolor sit amet... 
    </div></div> 
</div> 

但它不是的解決方案。所以如果有人知道引導順從方式，請隨時發佈。