Bootstrap Studio for Mac是一款十分強(qiáng)大的網(wǎng)頁(yè)設(shè)計(jì)軟件，軟件具有豐富的內(nèi)置組件和資源，主要用于使用Bootstrap框架創(chuàng)建響應(yīng)式網(wǎng)站。Bootstrap Studio是一個(gè)桌面應(yīng)用程序，可幫助您創(chuàng)建漂亮的網(wǎng)站。它帶有大量?jī)?nèi)置組件，您可以拖放這些組件來(lái)組裝響應(yīng)式網(wǎng)頁(yè)。它基于廣受歡迎的Bootstrap框架構(gòu)建，并導(dǎo)出干凈的語(yǔ)義HTML。每天都有成千上萬(wàn)的開(kāi)發(fā)人員和設(shè)計(jì)師使用。

今天腳本之家小編給大家分享的是Bootstrap Studio的直裝免費(fèi)版本，下載安裝即可免費(fèi)使用全部功能，需要的朋友不要錯(cuò)過(guò)哦！

軟件功能

界面

Bootstrap Studio擁有一個(gè)美麗而強(qiáng)大的界面，它以簡(jiǎn)單的拖放操作為基礎(chǔ)構(gòu)建而成。這使其成為原型和設(shè)計(jì)網(wǎng)頁(yè)和應(yīng)用程序的理想工具。

美麗的模板

該應(yīng)用程序附帶一些免費(fèi)的，響應(yīng)速度非?？斓哪０澹梢宰远x。每個(gè)模板由多個(gè)頁(yè)面和小部件組成，您可以選擇并匹配到完美的網(wǎng)站。

美麗的內(nèi)置組件

Bootstrap Studio帶有大量用于構(gòu)建響應(yīng)式頁(yè)面的漂亮組件。我們有頁(yè)眉，頁(yè)腳，畫(huà)廊，幻燈片，甚至像跨度和divs這樣的基本元素。見(jiàn)下面的一些。

智能拖放

Bootstrap Studio知道哪些Bootstrap組件可以相互嵌套并給出建議。它會(huì)自動(dòng)為您生成漂亮的HTML，看起來(lái)好像它是由專(zhuān)家手寫(xiě)的。

創(chuàng)建您自己的組件

您可以將自己的設(shè)計(jì)作為自定義組件提取出來(lái)，并將它們準(zhǔn)備好放入您創(chuàng)建的任何設(shè)計(jì)中。您還可以將這些組件導(dǎo)出為文件并共享它們。

在線圖書(shū)館

如果您需要我們的庫(kù)中不存在的組件，只需單擊組件面板中的“ 聯(lián)機(jī)”選項(xiàng)卡。在那里你會(huì)發(fā)現(xiàn)數(shù)千個(gè)由社區(qū)構(gòu)建和共享的組件。你也可以上傳自己的。

鏈接的組件

這是一個(gè)強(qiáng)大的功能，允許您同步組件，所以更改一個(gè)會(huì)自動(dòng)更改其他組件。這對(duì)于需要跨頁(yè)面更新的頁(yè)眉和頁(yè)腳等內(nèi)容特別有用。

實(shí)時(shí)預(yù)覽

Bootstrap Studio具有稱(chēng)為Preview的強(qiáng)大功能。有了它，您可以在多個(gè)Web瀏覽器和設(shè)備中打開(kāi)您的設(shè)計(jì)，并且您在應(yīng)用程序中所做的每一項(xiàng)更改都會(huì)隨時(shí)隨地顯示出來(lái)。

編輯代碼

對(duì)于某些情況，拖放是不夠的。這就是Bootstrap Studio在您需要時(shí)可以完全控制您的標(biāo)記的原因。您可以在我們的Sublime Text-like編輯器中導(dǎo)入和編輯CSS，SASS，JavaScript和HTML。

高級(jí)CSS和SASS編輯

我們先進(jìn)的CSS編輯界面支持自動(dòng)建議和規(guī)則驗(yàn)證，并在任何給定時(shí)間顯示活動(dòng)和繼承的規(guī)則。你很快就會(huì)害怕不得不回到你的文本編輯器。

JavaScript編輯

在我們的Sublime Text-like編輯器中編寫(xiě)JavaScript。所有更改與預(yù)覽同步，因此您可以編寫(xiě)代碼并試用，而無(wú)需重新加載瀏覽器。

HTML編輯

使用我們強(qiáng)大的自定義代碼組件，您可以直接編寫(xiě)HTML，而無(wú)需通過(guò)我們的拖放界面。您也可以在需要時(shí)將您的任何一頁(yè)網(wǎng)頁(yè)轉(zhuǎn)換為自定義代碼。

導(dǎo)入現(xiàn)有網(wǎng)站

如果您有以前開(kāi)發(fā)過(guò)的網(wǎng)站，則可以導(dǎo)入它。只需將HTML，CSS，JS文件和圖像拖放到Bootstrap Studio中，它們就會(huì)添加到您的項(xiàng)目中。

更多功能

關(guān)于我們出色的應(yīng)用程序，還有很多要說(shuō)的。從生產(chǎn)力功能到專(zhuān)用的Bootstrap工具，Bootstrap Studio使設(shè)計(jì)網(wǎng)站和構(gòu)建可正常運(yùn)行的原型成為真正的樂(lè)趣。

為Bootstrap

構(gòu)建的Bootstrap Studio知道如何構(gòu)造有效的Bootstrap頁(yè)面并自動(dòng)編寫(xiě)正確的HTML。它支持Bootstrap 3，一旦發(fā)布，它將更新為Bootstrap 4。

網(wǎng)格工具

該應(yīng)用程序具有用于處理Bootstrap網(wǎng)格的專(zhuān)用工具。輕松創(chuàng)建，調(diào)整大小和偏移列，并應(yīng)用響應(yīng)式可見(jiàn)性類(lèi)。

Google Webfonts

Bootstrap Studio與Google Webfonts集成在一起，為您提供了一種導(dǎo)入和管理字體的簡(jiǎn)便方法。字體家族名稱(chēng)甚至在我們的CSS編輯器中自動(dòng)建議。

生產(chǎn)力功能

Bootstrap Studio對(duì)鍵盤(pán)快捷鍵提供了全面的支持，使您可以極大地加快工作流程。

主題和圖標(biāo)

該應(yīng)用程序具有許多內(nèi)置的Bootstrap主題，圖標(biāo)字體，模板和組件，您可以將它們組合成精美而獨(dú)特的設(shè)計(jì)。

始終保持最新?tīng)顟B(tài)

Bootstrap Studio會(huì)自動(dòng)更新，因此您始終具有最新版本。我們每個(gè)月都會(huì)發(fā)布更新，其中包含新功能，組件和改進(jìn)。

安裝說(shuō)明

此版本為直裝免費(fèi)版，直接安裝完成便可正常使用。安裝前，請(qǐng)開(kāi)啟任何來(lái)源。

OS X 10.12 及以上版本請(qǐng)使用下面命令行開(kāi)啟：

sudo spctl --master-disable

系統(tǒng)要求：OS X 10.10 或更高版本

Mac軟件無(wú)法安裝解決辦法

MacOS 10.15 系統(tǒng)下，如提示“無(wú)法啟動(dòng)”，請(qǐng)?jiān)谙到y(tǒng)偏好設(shè)置-安全性與隱私-選擇【仍要打開(kāi)】，即可使用。

macOS Catalina (macOS 10.15) 已損壞無(wú)法打開(kāi)解決辦法：

打開(kāi)終端(屏幕下方“小火箭”——“其他”——打開(kāi)“終端”)，在終端中粘貼下面命令：

sudo xattr -r -d com.apple.quarantine ,然后輸入個(gè)空格，再將應(yīng)用程序目錄中的軟件拖拽到命令后面，按回車(chē)后輸入自己電腦密碼執(zhí)行，比如需要打開(kāi)sketch應(yīng)用的命令是：

sudo xattr -r -d com.apple.quarantine /Applications/sketch.app/

對(duì)于下載了應(yīng)用，顯示“打不開(kāi)或者顯示應(yīng)用已損壞的情況”的用戶(hù)，可以參考一下這里的解決辦法《Mac打開(kāi)應(yīng)用提示已損壞怎么辦 Mac安裝軟件時(shí)提示已損壞怎么辦》。10.12系統(tǒng)之后的新的Mac系統(tǒng)對(duì)來(lái)自非Mac App Store中的應(yīng)用做了限制，所以才會(huì)出現(xiàn)“應(yīng)用已損壞或打不開(kāi)的”情況。

用戶(hù)如果下載軟件后(請(qǐng)確保已下載完的.dmg文件是完整的，不然打開(kāi)文件的時(shí)候也會(huì)出現(xiàn)文件損壞無(wú)法打開(kāi))，在打開(kāi).dmg文件的時(shí)候提示“來(lái)自不受信用的開(kāi)發(fā)者”而打不開(kāi)軟件的，請(qǐng)?jiān)?ldquo;系統(tǒng)偏好設(shè)置—安全性與隱私—通用—允許從以下位置下載的應(yīng)用”選擇“任何來(lái)源”即可。新系統(tǒng)OS X 10.13及以上的用戶(hù)打開(kāi)“任何來(lái)源”請(qǐng)參照《macOS 10.13允許任何來(lái)源沒(méi)有了怎么辦 macOS 10.13允許任何來(lái)源沒(méi)了怎么開(kāi)啟》

更新日志

v5.6.2
新的
您現(xiàn)在可以在外部編輯器中編輯圖像。 只需雙擊設(shè)計(jì)面板中的圖像，即可在 Photoshop、Gimp、Paint 或其他軟件中將其打開(kāi)、編輯并保存。 該應(yīng)用程序?qū)⒆詣?dòng)重新導(dǎo)入它。
改進(jìn)
內(nèi)聯(lián)鏈接獲得了對(duì)設(shè)置目標(biāo)屬性的支持。
您現(xiàn)在可以從一個(gè) Bootstrap 框架中的設(shè)計(jì)復(fù)制組件，并將它們粘貼到較新框架中的設(shè)計(jì)中。 組件將自動(dòng)轉(zhuǎn)換。
PWA 清單支持蒙版圖像。 這是通過(guò)設(shè)置 > PWA 對(duì)話框中的新選項(xiàng)打開(kāi)的。
“外觀”面板中的邊框選項(xiàng)現(xiàn)在顯示所有可能的邊框樣式。
固定的
修正了一些小錯(cuò)誤。