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

1694938091-3409f3421535c4f

介面
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 編輯錯誤。

1694938091-c1529bc69ca177a

1694938092-01d8ff98bff09c6

1694938092-68a3cbd7d84f0e8

相容性macOS 10.10 或更高版本• Apple Silicon 或Intel Core 處理器

聲明:本站所有文章,如無特別說明或標註,均為本站原始發布。任何個人或組織,在未徵得本站同意時,禁止複製、盜用、採集、發布本站內容到任何網站、書籍等各類媒體平台。如若本站內容侵犯了原著者的合法權益,可聯絡我們處理。