樓主
發(fā)布時(shí)間:2022-7-5 09:56
軟件大小:133M
軟件版本:6.1.0
軟件語言:英文
人氣指數(shù):1465
系統(tǒng)要求:macOS 10.10 或更高版本(支持macOS 12,支持M1/M2)
Bootstrap Studio for Mac 是一款功能強(qiáng)大的桌面應(yīng)用程序,用于設(shè)計(jì)和制作網(wǎng)站原型。它帶有大量內(nèi)置組件,您可以將其拖放以組裝響應(yīng)式網(wǎng)頁。該應(yīng)用程序是在廣受歡迎的Bootstrap框架之上構(gòu)建的,并可以導(dǎo)出干凈的語義HTML。
界面
Bootstrap Studio具有美觀而強(qiáng)大的界面,該界面圍繞拖放的簡單性而構(gòu)建。這使其成為用于原型設(shè)計(jì)和設(shè)計(jì)網(wǎng)頁和應(yīng)用程序的理想工具。
漂亮的模板
該應(yīng)用程序帶有許多您可以自定義的高級,完全響應(yīng)模板。每個(gè)模板都包含多個(gè)頁面和小部件,您可以將它們挑選并匹配到理想的網(wǎng)站中。
美麗的組件
Bootstrap Studio帶有大量用于構(gòu)建響應(yīng)頁面的漂亮組件。我們有頁眉,頁腳,畫廊,幻燈片,甚至還有諸如span和div之類的基本元素。請?jiān)谙旅娌榭雌渲械囊恍?br />
智能拖放
Bootstrap Studio知道哪些Bootstrap組件可以相互嵌套,并提供建議。它會(huì)自動(dòng)為您生成漂亮的HTML,看起來就像是由專家手工編寫的。
創(chuàng)建自己的組件
您可以將設(shè)計(jì)的各個(gè)部分提取為“自定義組件”,并準(zhǔn)備將其放入您創(chuàng)建的任何設(shè)計(jì)中。您也可以將這些組件導(dǎo)出為文件并共享。
網(wǎng)上圖書館
如果您需要庫中不存在的組件,只需單擊“ 組件面板”中的“ 在線”選項(xiàng)卡。在這里,您會(huì)發(fā)現(xiàn)由社區(qū)構(gòu)建和共享的數(shù)千個(gè)組件。您也可以上傳自己的。
鏈接組件
這是一項(xiàng)強(qiáng)大的功能,可讓您同步組件,因此更改一個(gè)組件將自動(dòng)更改另一個(gè)組件。這對于需要跨頁更新的頁眉和頁腳之類的東西尤其有用。
實(shí)時(shí)預(yù)覽
Bootstrap Studio具有一項(xiàng)稱為“ 預(yù)覽”的強(qiáng)大功能。有了它,您可以在多個(gè)Web瀏覽器和設(shè)備中打開設(shè)計(jì),并且您在應(yīng)用程序中所做的每項(xiàng)更改都會(huì)即時(shí)顯示在任何地方。
編輯代碼
對于某些事情,拖放是不夠的。這就是為什么Bootstrap Studio可以在需要時(shí)完全控制您的標(biāo)記。您可以在我們的Sublime Text-like編輯器中導(dǎo)入和編輯CSS,SASS,JavaScript和HTML。
更多功能
專為Bootstrap 3和4設(shè)計(jì)
Bootstrap Studio知道如何構(gòu)造有效的Bootstrap頁面,并自動(dòng)編寫正確的HTML。它同時(shí)支持Bootstrap 3和Bootstrap 4,您可以將設(shè)計(jì)從一種轉(zhuǎn)換為另一種。
一鍵發(fā)布
您可以將設(shè)計(jì)導(dǎo)出為靜態(tài)網(wǎng)站,也可以一鍵發(fā)布到我們的下一代托管平臺(tái)。它提供HTTPS,自定義域,密碼,并且完全免費(fèi)!
網(wǎng)格工具
該應(yīng)用程序具有用于處理Bootstrap網(wǎng)格的專用工具。輕松創(chuàng)建,調(diào)整大小和偏移列,并應(yīng)用響應(yīng)式可見性類。
流暢的動(dòng)畫
在我們的應(yīng)用程序中,您可以創(chuàng)建在瀏覽器滾動(dòng)或懸停時(shí)觸發(fā)的平滑CSS動(dòng)畫。我們還有一個(gè)特殊的視差組件,用于拍攝美麗的圖像背景。
Google Webfonts
Bootstrap Studio與Google Webfonts集成在一起,為您提供了一種導(dǎo)入和管理字體的簡便方法。字體家族名稱甚至在我們的CSS編輯器中自動(dòng)建議。
命令面板
使用我們的命令面板加快您的工作流程!按Ctrl / Cmd + P并創(chuàng)建/打開文件,使用類似Emmet的CSS語法插入組件,生成Lorem ipsum文本并觸發(fā)菜單命令。
版本 6.1.0 更新內(nèi)容:
## 新功能
添加了一個(gè)新的粗體和深色模板。
單擊組件焦點(diǎn)欄中新的 Resize Margin/Padding 圖標(biāo)可讓您直觀地調(diào)整邊距和填充大小。支持 CSS 屬性和 Bootstrap m-* 和 p-* 實(shí)用程序。
將鼠標(biāo)懸停在組件焦點(diǎn)欄中的“選擇父項(xiàng)”圖標(biāo)上會(huì)顯示兩個(gè)最近的父項(xiàng),以便于選擇。
添加了由 Reflow 提供支持的 Product Search 電子商務(wù)組件。
為背景圖像添加了新的滾動(dòng)縮放動(dòng)畫。從動(dòng)畫選項(xiàng)卡訪問它。
Accordions 中添加了“始終打開”選項(xiàng),以便一次打開多個(gè)項(xiàng)目。
## 改進(jìn)
改進(jìn)了外觀面板中的 CSS 編輯?,F(xiàn)在它可以讓您編寫媒體查詢并智能地將 :hover、:focus 和 :active 狀態(tài)應(yīng)用于元素,從而可以輕松地在視覺上編輯復(fù)雜的樣式。
“外觀”面板中添加了用于編輯背景濾鏡、定位和過渡的視覺選項(xiàng)。
您現(xiàn)在可以通過拖動(dòng)右下角的小手柄來調(diào)整圖像、圖標(biāo)和列組件的大小。
## 錯(cuò)誤修復(fù)
修正了一些小錯(cuò)誤。
軟件截圖: