縮小引導程序

我正嘗試創建一個使用引導程序兼容<div>, <span>等標籤的「發佈」創建程序。當用戶將他們的帖子輸入到文本框中時，我希望在它旁邊創建一個「預覽」，大小爲1/2頁面寬度。所以，它裏面的所有東西都會被縮小2.縮小引導程序

我的問題：有什麼辦法可以縮小Bootstrap元素，使它可以進入預覽？我可以使用jquery等來接受輸入並將其動態格式化到頁面上，但我只需要知道如何實際縮小一切。

謝謝！

來源

2013-01-23 K. Barresi

如果你把內容放在class row-fluid的容器div中，那麼我認爲你可以使用類span12的div，它將使用容器寬度的100％，所以無論div寬度設置爲多少，內容也會如此。 – sberry

你試過了什麼？引導的CSS文檔相當簡單。 – charlietfl

也許最簡潔/最魔力的方法是用'transform：scale（）'，看看：http://sackoverflow.com/a/6130498/398242 –

假設您可以對目標受衆進行假設或設置最低瀏覽器指南，則可以選擇使用CSS3 2D Transforms。因此，舉例來說，如果你想你的規模預覽窗口50％，你可以這樣做：

#my-preview-div { 
transform: scale(.5); 
-ms-transform: scale(.5); /* IE 9 */ 
-webkit-transform: scale(.5); /* Safari and Chrome */ 
-o-transform: scale(.5); /* Opera */ 
-moz-transform: scale(.5); /* Firefox */  
}

然後，你可以使用jQuery注入預覽HTML到您的預覽格，例如<div id="my-preview-div"></div>。

來源

2013-01-23 03:37:28 NobodyMan

縮小引導程序

回答

相關問題