Bootstrap Studio for Mac是一款功能強大的桌面應用程序,用於設計和製作網站原型。它帶有大量內建元件,您可以將其拖放以組裝響應式網頁。該應用程式是在廣受歡迎的Bootstrap框架之上構建的,並可以導出乾淨的語義HTML。

介面
Bootstrap Studio具有美觀而強大的介面,圍繞著拖放的簡單性而構建。這使其成為用於原型設計和設計網頁和應用程式的理想工具。
漂亮的模板
該應用程式附帶許多您可以自訂的高級,完全響應模板。每個模板都包含多個頁面和小部件,您可以將它們挑選並與理想的網站配對。
美麗的組件
Bootstrap Studio隨附大量用於建立回應頁面的漂亮元件。我們有頁眉,頁腳,畫廊,幻燈片,甚至還有諸如span和div之類的基本元素。請在下面查看其中的一些。
智慧拖放
Bootstrap Studio知道哪些Bootstrap元件可以互相嵌套,並提供建議。它會自動為您產生漂亮的HTML,看起來就像是由專家手工編寫的。
創建自己的組件
您可以將設計的各個部分提取為“自訂元件”,並準備將其放入您創建的任何設計中。您也可以將這些元件匯出為文件並共用。
網路圖書館
如果您需要庫中不存在的元件,只需按一下「 元件面板」中的「 線上」標籤。在這裡,您會發現由社區建立和共享的數千個組件。您也可以上傳自己的。
連結組件
這是一項強大的功能,可讓您同步元件,因此變更一個元件將自動變更另一個元件。這對於需要跨頁更新的頁首和頁尾之類的東西尤其有用。
即時預覽
Bootstrap Studio具有一項稱為「 預覽」的強大功能。有了它,您可以在多個網頁瀏覽器和裝置中開啟設計,並且您在應用程式中所做的每項變更都會即時顯示在任何地方。
編輯程式碼
對於某些事情,拖放是不夠的。這就是為什麼Bootstrap Studio可以在需要時完全控制您的標記。您可以在我們的Sublime Text-like編輯器中匯入和編輯CSS,SASS,JavaScript和HTML。
更多功能
專為Bootstrap 3和4設計
Bootstrap Studio知道如何建構有效的Bootstrap頁面,並自動撰寫正確的HTML。它同時支援Bootstrap 3和Bootstrap 4,您可以將設計從一種轉換為另一種。
一鍵發布
您可以將設計匯出為靜態網站,也可以一鍵發佈到我們的下一代託管平台。它提供HTTPS,自訂網域,密碼,並且完全免費!
網格工具
該應用程式具有用於處理Bootstrap網格的專用工具。輕鬆創建,調整大小和偏移列,並應用響應式可見性類別。
流暢的動畫
在我們的應用程式中,您可以建立在瀏覽器捲動或懸停時觸發的平滑CSS動畫。我們還有一個特殊的視差組件,用於拍攝美麗的影像背景。
谷歌 Webfonts
Bootstrap Studio與Google Webfonts整合在一起,為您提供了匯入和管理字體的簡單方法。字體家族名稱甚至在我們的CSS編輯器中自動建議。
命令面板
使用我們的命令面板加快您的工作流程!按Ctrl / Cmd + P並建立/開啟文件,使用類似Emmet的CSS語法插入元件,產生Lorem ipsum文字並觸發選單命令。
版本6.6.1更新內容:
修正了動畫在某些情況下無法正常運作的問題。
修復了智慧表單無法在預覽中載入的問題。
啟動新式模板的次要修復。
版本6.5.2更新內容:
改進
Bootstrap 已更新至6.5 版
新增了回流工具包v2 支援。它會自動用於新設計。對於現有項目,您可以從“設定”>“電子商務”切換到它。
現在您可以透過在設計中包含語言JSON 檔案將回流元件翻譯成任何語言。需要回流工具包v2。
調整畫布大小時,邊距/填滿調整大小模式會保持活動狀態,更容易定義反應間距。
固定的
修正了在編輯大型設計時導致速度變慢的效能問題。
小錯誤修正和增強。
版本6.0.1 更新內容:
##新功能
新增了一個名為「Bold & Bright」的新模板。它由多個頁面、視差效果、可自訂的小部件和電子商務整合組成。
應用程式中內建的UI 元件進行了現代化和擴展。它們適應您使用的Bootstrap 主題,並且在每個螢幕尺寸上看起來都很棒。
現在您可以在應用程式的所有面板中進行搜尋。這使得查找文件、設定和元件變得容易。
新增了新的下載Google 字體導出設定。有了它,應用程式可以自動將字體下載為本地文件,從而提高效能和隱私。
新增了一個View Cart 電子商務元件,由Reflow 提供支援。
##改進
改進了外觀面板中的樣式目標下拉式選單。現在它可以創建和編輯類別名稱和id,從而更快地設定元素樣式。
發佈到SFTP 伺服器時,您現在可以使用自訂發布選項來查看將上傳的檔案。
Carousel 組件有一個用於顯示和隱藏控制箭頭的新選項。
預覽設定面板現在顯示用於快速連接手機的二維碼。
如果沒有配置存儲,回流元件現在會在瀏覽器預覽中顯示有用的消息。
##錯誤修復
修復了阻止某些設計導出的問題。
修正了導致編輯器失去焦點的CSS 編輯錯誤。




