Bootstrap Studio是一款國外優(yōu)秀的網(wǎng)頁制作及代碼編輯器，有點(diǎn)像我們熟悉的Dreamweaver，它可以通過設(shè)計(jì)器和代碼區(qū)進(jìn)行網(wǎng)頁制作，支持代碼高亮顯示、代碼自動(dòng)聯(lián)想等功能，軟件功能比較強(qiáng)大但是全英文界面，需要的網(wǎng)頁設(shè)計(jì)師可以下載Bootstrap Studio官方免費(fèi)版使用。

基本介紹

Bootstrap Studio是一個(gè)功能強(qiáng)大的桌面應(yīng)用程序，用于設(shè)計(jì)和原型化網(wǎng)站。

Bootstrap Studio是一個(gè)用于創(chuàng)建漂亮網(wǎng)站的應(yīng)用程序。它帶有大量內(nèi)置組件，您可以拖放它們來組裝響應(yīng)式網(wǎng)頁。它建立在極受歡迎的Bootstrap框架之上，并導(dǎo)出干凈的語義HTML。

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

漂亮的模板
該應(yīng)用程序附帶了許多高級，完全響應(yīng)的模板，您可以自定義。每個(gè)模板都包含多個(gè)頁面和小部件，您可以在完美的網(wǎng)站中進(jìn)行選擇和匹配。

美麗的內(nèi)置組件
Bootstrap Studio附帶了大量漂亮的組件，用于構(gòu)建響應(yīng)式頁面。我們有頁眉，頁腳，畫廊，幻燈片甚至基本元素，如跨度和div。請參閱下面的一些內(nèi)容。

智能拖放
Bootstrap Studio知道哪些Bootstrap組件可以相互嵌套并為您提供建議。它會自動(dòng)為您生成漂亮的HTML，看起來好像是由專家手工編寫的。

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

在線圖書館
如果您需要我們庫中不存在的組件，只需單擊“組件面板”中的“聯(lián)機(jī)”選項(xiàng)卡。在那里，您將找到社區(qū)建立和共享的數(shù)千個(gè)組件。您也可以上傳自己的。

鏈接組件
這是一個(gè)強(qiáng)大的功能，允許您同步組件，因此更改組件將自動(dòng)更改另一個(gè)組件。這對于需要跨頁面更新的頁眉和頁腳等內(nèi)容特別有用。

實(shí)時(shí)預(yù)覽
Bootstrap Studio具有一個(gè)名為Preview的強(qiáng)大功能。有了它，您可以在多個(gè)Web瀏覽器和設(shè)備中打開您的設(shè)計(jì)，您在應(yīng)用程序中所做的每個(gè)更改都將立即顯示在任何地方。

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

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

JavaScript編輯
在我們的Sublime Text-like編輯器中編寫JavaScript。您的所有更改都會與預(yù)覽同步，因此您無需重新加載瀏覽器即可編寫代碼并進(jìn)行試用。

HTML編輯
使用我們強(qiáng)大的自定義代碼組件，您可以直接編寫HTML，而無需通過我們的拖放界面。您還可以在需要時(shí)將頁面的任何部分轉(zhuǎn)換為自定義代碼。

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

更多特性

專為Bootstrap 3和4而設(shè)計(jì)
Bootstrap Studio知道如何構(gòu)造有效的Bootstrap頁面并自動(dòng)編寫正確的HTML。它支持Bootstrap 3和Bootstrap 4，您可以將設(shè)計(jì)從一個(gè)轉(zhuǎn)換為另一個(gè)。

一鍵發(fā)布
您可以將您的設(shè)計(jì)導(dǎo)出為靜態(tài)網(wǎng)站，或者只需點(diǎn)擊一下即可將其發(fā)布到我們的下一代托管平臺。它提供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è)特殊的Parallax組件，可用于美麗的圖像背景。

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

生產(chǎn)力特征
Bootstrap Studio全面支持鍵盤快捷鍵，可讓您大幅加快工作流程。

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

始終保持最新狀態(tài)
Bootstrap Studio會自動(dòng)更新，因此您始終擁有最新版本。我們每月發(fā)布更新，包含新功能，組件和改進(jìn)。

文件信息

文件大小：54243120 字節(jié)
MD5：94EF691AE9CE156830DF385975598D2B
SHA1：FDC062A3F75A0F2598E761F3C80562AB4FE0B7DF

官方網(wǎng)站：https://bootstrapstudio.io/

相關(guān)搜索：網(wǎng)頁設(shè)計(jì)