100％輸入寬度流暢地延伸

這是比它應該更復雜，但我有麻煩顯示輸入寬度字面上100％在其div。100％輸入寬度流暢地延伸

這裏舉例：

http://jsfiddle.net/aml90/mfdtk/

我使用Twitter的引導。我想輸入是span6類的寬度的100％，喜歡藍色的亮點：

enter image description here

儘管缺乏CSS的，我已經嘗試了很多東西 - 只是沒有把非在那裏工作的CSS。

您需要調整窗口的大小，就像這樣：

Window resize

來源

2013-06-30 AAA

好吧它必須是這樣的LINK

.input-prepend{ 
    width:100%; 
} 
.input-prepend input{ 
    width:95%; 
}

來源

2013-06-30 10:07:18 Pumpkinpro

非常簡單，它工作時無需調整其他東西。 – AAA

超過一定的寬度，輸入將再次排列。你可以在jsfiddle中看到。但是，只要家長不會太寬，它就可以工作。 –

.span6 .input-prepend { 
    padding-left:28px; 
    display:block; 
} 
.span6 .input-prepend .add-on { 
    float:left; 
    margin-left:-28px; 
} 
.span6 .input-prepend input { 
    width:100% !important; 
}

這將把附加到左側，讓輸入佔用剩餘的空間

JSFiddle

來源

2013-06-30 10:06:22

我意識到這一點。正如我在帖子中多次指出的那樣，我希望輸入的寬度是span6的100％。而且它們不是 - 跨度6的僅50％，即使我將寬度：100％添加到輸入。 – AAA

更新的答案應該根據需要延伸。 –

我接受了另一個答案，但我爲幫助和努力+1了......謝謝！ – AAA

以這種方式修補Bootstrap有點棘手，因爲可能會有不同的「副作用」。也許類似的規定將做的伎倆爲您提供：圍繞

.span6 { width: 100% !important; margin-left: 0 !important } 
.span6 input { width: 92%; } 
.input-prepend { display: block; }

播放與覆蓋這些CSS指令和測試你與它的佈局。祝你好運！ http://jsfiddle.net/Yuv3H/

來源

2013-06-30 10:10:48

100％輸入寬度流暢地延伸

回答

相關問題