Bootstrap最新版本下載 v5.0 電腦版

軟件介紹

Bootstrap最新版本是一款由X設(shè)計(jì)師Mark Otto和Jacob Thornton合作開(kāi)發(fā)的開(kāi)源工具包，專(zhuān)注于CSS/HTML框架，主用于前端開(kāi)發(fā)，基于RBAC的NetCore后臺(tái)管理框架，權(quán)限管理，前后臺(tái)分離，支持多站點(diǎn)單點(diǎn)登錄。當(dāng)然部分網(wǎng)友對(duì)X是什么不知道，X也就是以前的Twitter。

Bootstrap最新版本的后臺(tái)設(shè)置自由度很高，能夠讓使用者根據(jù)自己的喜好來(lái)進(jìn)行自定義，是一個(gè)專(zhuān)業(yè)性比較高的后臺(tái)權(quán)限管理工具，內(nèi)置多種樣式，可切換至Blazor多Tabs模式，權(quán)限控制細(xì)化到網(wǎng)頁(yè)內(nèi)任意元素，按鈕、表格、文本框等等。有需要的網(wǎng)友快來(lái)下載體驗(yàn)吧！

軟件特色

1.應(yīng)用窗口

窗口分為三個(gè)部分。 左側(cè)有兩個(gè)面板 - 組件和概述; 右側(cè)的兩個(gè)面板 - 設(shè)置和設(shè)計(jì)，以及保存舞臺(tái)的中心區(qū)域。舞臺(tái)用于查看頁(yè)面預(yù)覽，拖放組件和編輯文本。

2.選擇組件

通過(guò)單擊選擇組件。選擇組件會(huì)在其周?chē)@示藍(lán)色輪廓，以及一個(gè)快速操作的欄

通過(guò)這些操作，您可以快速移動(dòng)項(xiàng)目，編輯文本并復(fù)制它。 請(qǐng)記住，并非所有操作都適用于每個(gè)組件。 例如，圖像上不顯示文本編輯。 選擇組件后，右側(cè)的“設(shè)置”面板將更新。 在這里您可以修改komponent的樣式，控制各種屬性甚至創(chuàng)建動(dòng)畫(huà)。

“設(shè)置”面板中有三個(gè)選項(xiàng)卡 - 外觀(guān)，選項(xiàng)和動(dòng)畫(huà)。這些threetab中提供的設(shè)置使您可以對(duì)組件的設(shè)計(jì)和行為進(jìn)行大量控制。 但是如果您需要更多控制，那么編寫(xiě)CSS就適合您(有關(guān)詳細(xì)信息，請(qǐng)參閱“幫助”>“教程和指南”菜單)。

要記住的一件事是，Bootstrap的一些組件實(shí)際上是由其他組件組成的，例如下拉列表：

如果你試圖選擇它，你實(shí)際上會(huì)選擇里面的按鈕。如果你想看到Dropdown的選項(xiàng)，你需要去一個(gè)組件。單擊“向上”按鈕(個(gè))很容易做到 在所選組件上，或在痕跡導(dǎo)航欄中的條目，顯示在“設(shè)置”面板的頂部：

3.編輯文本

可以在富文本編輯器中編輯段落，跨度和按鈕等元素。 您可以將文本設(shè)置為粗體，斜體，帶下劃線(xiàn)，添加鏈接和純粹。

只需雙擊元素即可編輯其內(nèi)容，或在組件聚焦時(shí)按下鉛筆按鈕()。

提示：您可以在選擇了元素時(shí)按Enter鍵開(kāi)始編輯，按Ctrl + D / Cmd + D復(fù)制，刪除刪除。 我們網(wǎng)站上有高級(jí)用戶(hù)支持的鍵盤(pán)快捷鍵列表。

4. DRAG AND DROP

選擇元素后，您可以通過(guò)移動(dòng)手柄抓取它以將其拖放到其他組件中。

某些元素(如HTML和Body)已鎖定且無(wú)法移動(dòng)(您可以通過(guò)“概述”面板中的小掛鎖識(shí)別它們)。 這樣做是為了不會(huì)錯(cuò)誤地破壞頁(yè)面。

Bootstrap Studio知道可以刪除組件的位置，并自動(dòng)添加Bootstrap Framework期望的CSS類(lèi)和其他屬性。 你甚至不必考慮它。

提示：您可以從舞臺(tái)拖動(dòng)并刪除“概述”面板上的組件以獲得更高的精度。

5.組件

您可以使用大量組件。 您可以在“組件”面板的“Studio”選項(xiàng)卡中看到它們。 支持所有標(biāo)準(zhǔn)的Bootstrap組件，甚至是基本的HTML元素，如span，div，section等。

組件被組織成可折疊組 - 文本，圖像，表單等。您還有一個(gè)特殊的“用戶(hù)”組，您可以在其中放置您自己創(chuàng)建的組件。

這是提取您經(jīng)常需要的設(shè)計(jì)的好方法。 我們將在“幫助”>“教程和指南”>“自定義組件”教程中介紹此內(nèi)容。

“在線(xiàn)”選項(xiàng)卡包含大量的社區(qū)貢獻(xiàn)組件，如頁(yè)眉，頁(yè)腳，定價(jià)表等，您可以搜索和安裝這些組件。

6.打開(kāi)和保存您在Bootstrap Studio中創(chuàng)建的文檔稱(chēng)為Designs。您可以打開(kāi)它們并將它們保存為擴(kuò)展名為.bsdesign的文件。

雙擊文件管理器中的其中一個(gè)文件將在Bootstrap Studio中打開(kāi)它們。您可以復(fù)制設(shè)計(jì)并同時(shí)處理多個(gè)版本。

Bootstrap軟件功能

1、通過(guò)配置與前臺(tái)網(wǎng)站集成

2、構(gòu)建前臺(tái)系統(tǒng)分層級(jí)菜單

3、提供單一后臺(tái)支持多前臺(tái)應(yīng)用配置

4、提供單點(diǎn)登錄

5、集成系統(tǒng)認(rèn)證授權(quán)模塊

6、提供角色，部門(mén)，用戶(hù)，菜單，前臺(tái)應(yīng)用程序授權(quán)

6.1角色對(duì)用戶(hù)授權(quán)

6.2角色對(duì)菜單授權(quán)

6.3角色對(duì)部門(mén)授權(quán)

6.4角色對(duì)應(yīng)用程序授權(quán)(多個(gè)前臺(tái)應(yīng)用公用一個(gè)后臺(tái)權(quán)限管理系統(tǒng))

6.5部門(mén)對(duì)用戶(hù)授權(quán)

7、提供字典表用于前臺(tái)網(wǎng)站個(gè)性化配置

8、完全響應(yīng)式布局(支持電腦、平板、手機(jī)等所有主流設(shè)備)

9、內(nèi)置多數(shù)據(jù)源支持，配置簡(jiǎn)單立即生效無(wú)需重啟

10、內(nèi)置數(shù)據(jù)內(nèi)存緩存機(jī)制，頁(yè)面快速響應(yīng)

11、內(nèi)置數(shù)據(jù) 操作日志 與用戶(hù) 登錄日志

跟蹤記錄用戶(hù) 登錄主機(jī)地點(diǎn) 瀏覽器 操作系統(tǒng) 信息

Bootstrap最新版本快捷鍵介紹

Bootstrap Studio中有大量可用的鍵盤(pán)快捷鍵，這是在創(chuàng)建Web設(shè)計(jì)時(shí)加快工作流程的好方法。

行動(dòng) 在Windows / Linux 蘋(píng)果電腦

節(jié)省設(shè)計(jì) Ctrl + S. Command + S.

開(kāi)放式設(shè)計(jì) Ctrl + O. Command + O.

新設(shè)計(jì) Ctrl + N. Command + N.

出口設(shè)計(jì) Ctrl + E. Command + E.

關(guān)閉設(shè)計(jì) Ctrl + W Command + W

復(fù)制所選組件 Ctrl + C. Command + C.

粘貼組件 Ctrl + V. Command + V.

粘貼鏈接組件 Ctrl + Shift + V. Command + Shift + V.

添加組件標(biāo)簽 Ctrl + L. Command + L.

聚焦父組件 Ctrl +向上箭頭 Command +向上箭頭

聚焦兒童組件 Ctrl +向下箭頭 Command +向下箭頭

關(guān)注下一個(gè)兄弟姐妹 Ctrl +右箭頭 Command +右箭頭

關(guān)注以前的兄弟姐妹 Ctrl +向左箭頭 Command +左箭頭

重復(fù)的聚焦組件 Ctrl + D. Command + D.

刪除聚焦組件 刪除 轉(zhuǎn)發(fā)刪除

放大 Ctrl + 命令+

縮小 Ctrl - 命令 -

重置縮放 Ctrl + 0 命令+ 0

文本編輯快捷方式

行動(dòng) 在Windows / Linux的 蘋(píng)果電腦

編輯文本元素 輸入 輸入

空文本元素和編輯 退格 刪除

膽大 Ctrl + B. Command + B.

斜體 Ctrl + I 命令+我

強(qiáng)調(diào) Ctrl + U. Command + U.

切換鏈接 Ctrl + K. Command + K.

刪除左詞 Ctrl + Backspace 選項(xiàng)+刪除

刪除正確的詞 Ctrl + Delete 選項(xiàng)+轉(zhuǎn)發(fā)刪除

移動(dòng)到行首 家 Command +左箭頭

移到行尾 結(jié)束 Command +右箭頭

移到上一個(gè)單詞 Ctrl +向左箭頭 選項(xiàng)+左箭頭

移到下一個(gè)單詞 Ctrl +右箭頭 選項(xiàng)+右箭頭

選擇上一個(gè)單詞 Ctrl + Shift +向左箭頭 選項(xiàng)+ Shift +向左箭頭

選擇下一個(gè)單詞 Ctrl + Shift +向右箭頭 選項(xiàng)+ Shift +右箭頭

選擇所有文本 Ctrl + A. Command + A.