系统:PC
日期:2024-10-21
类别:编程开发
版本:v5.0
Bootstrap最新版本是一款由X设计师Mark Otto和Jacob Thornton合作开发的开源工具包,专注于CSS/HTML框架,主用于前端开发,基于RBAC的NetCore后台管理框架,权限管理,前后台分离,支持多站点单点登录。当然部分网友对X是什么不知道,X也就是以前的Twitter。
Bootstrap最新版本的后台设置自由度很高,能够让使用者根据自己的喜好来进行自定义,是一个专业性比较高的后台权限管理工具,内置多种样式,可切换至Blazor多Tabs模式,权限控制细化到网页内任意元素,按钮、表格、文本框等等。有需要的网友快来下载体验吧!
1.应用窗口
窗口分为三个部分。 左侧有两个面板 - 组件和概述; 右侧的两个面板 - 设置和设计,以及保存舞台的中心区域。舞台用于查看页面预览,拖放组件和编辑文本。
2.选择组件
通过单击选择组件。选择组件会在其周围显示蓝色轮廓,以及一个快速操作的栏
通过这些操作,您可以快速移动项目,编辑文本并复制它。 请记住,并非所有操作都适用于每个组件。 例如,图像上不显示文本编辑。 选择组件后,右侧的“设置”面板将更新。 在这里您可以修改komponent的样式,控制各种属性甚至创建动画。
“设置”面板中有三个选项卡 - 外观,选项和动画。这些threetab中提供的设置使您可以对组件的设计和行为进行大量控制。 但是如果您需要更多控制,那么编写CSS就适合您(有关详细信息,请参阅“帮助”>“教程和指南”菜单)。
要记住的一件事是,Bootstrap的一些组件实际上是由其他组件组成的,例如下拉列表:
如果你试图选择它,你实际上会选择里面的按钮。如果你想看到Dropdown的选项,你需要去一个组件。单击“向上”按钮(个)很容易做到 在所选组件上,或在痕迹导航栏中的条目,显示在“设置”面板的顶部:
3.编辑文本
可以在富文本编辑器中编辑段落,跨度和按钮等元素。 您可以将文本设置为粗体,斜体,带下划线,添加链接和纯粹。
只需双击元素即可编辑其内容,或在组件聚焦时按下铅笔按钮()。
提示:您可以在选择了元素时按Enter键开始编辑,按Ctrl + D / Cmd + D复制,删除删除。 我们网站上有高级用户支持的键盘快捷键列表。
4. DRAG AND DROP
选择元素后,您可以通过移动手柄抓取它以将其拖放到其他组件中。
某些元素(如HTML和Body)已锁定且无法移动(您可以通过“概述”面板中的小挂锁识别它们)。 这样做是为了不会错误地破坏页面。
Bootstrap Studio知道可以删除组件的位置,并自动添加Bootstrap Framework期望的CSS类和其他属性。 你甚至不必考虑它。
提示:您可以从舞台拖动并删除“概述”面板上的组件以获得更高的精度。
5.组件
您可以使用大量组件。 您可以在“组件”面板的“Studio”选项卡中看到它们。 支持所有标准的Bootstrap组件,甚至是基本的HTML元素,如span,div,section等。
组件被组织成可折叠组 - 文本,图像,表单等。您还有一个特殊的“用户”组,您可以在其中放置您自己创建的组件。
这是提取您经常需要的设计的好方法。 我们将在“帮助”>“教程和指南”>“自定义组件”教程中介绍此内容。
“在线”选项卡包含大量的社区贡献组件,如页眉,页脚,定价表等,您可以搜索和安装这些组件。
6.打开和保存您在Bootstrap Studio中创建的文档称为Designs。您可以打开它们并将它们保存为扩展名为.bsdesign的文件。
双击文件管理器中的其中一个文件将在Bootstrap Studio中打开它们。您可以复制设计并同时处理多个版本。
1、通过配置与前台网站集成
2、构建前台系统分层级菜单
3、提供单一后台支持多前台应用配置
4、提供单点登录
5、集成系统认证授权模块
6、提供角色,部门,用户,菜单,前台应用程序授权
6.1角色对用户授权
6.2角色对菜单授权
6.3角色对部门授权
6.4角色对应用程序授权(多个前台应用公用一个后台权限管理系统)
6.5部门对用户授权
7、提供字典表用于前台网站个性化配置
8、完全响应式布局(支持电脑、平板、手机等所有主流设备)
9、内置多数据源支持,配置简单立即生效无需重启
10、内置数据内存缓存机制,页面快速响应
11、内置数据 操作日志 与用户 登录日志
跟踪记录用户 登录主机地点 浏览器 操作系统 信息
Bootstrap Studio中有大量可用的键盘快捷键,这是在创建Web设计时加快工作流程的好方法。
行动 在Windows / Linux 苹果电脑
节省设计 Ctrl + S. Command + S.
开放式设计 Ctrl + O. Command + O.
新设计 Ctrl + N. Command + N.
出口设计 Ctrl + E. Command + E.
关闭设计 Ctrl + W Command + W
复制所选组件 Ctrl + C. Command + C.
粘贴组件 Ctrl + V. Command + V.
粘贴链接组件 Ctrl + Shift + V. Command + Shift + V.
添加组件标签 Ctrl + L. Command + L.
聚焦父组件 Ctrl +向上箭头 Command +向上箭头
聚焦儿童组件 Ctrl +向下箭头 Command +向下箭头
关注下一个兄弟姐妹 Ctrl +右箭头 Command +右箭头
关注以前的兄弟姐妹 Ctrl +向左箭头 Command +左箭头
重复的聚焦组件 Ctrl + D. Command + D.
删除聚焦组件 删除 转发删除
放大 Ctrl + 命令+
缩小 Ctrl - 命令 -
重置缩放 Ctrl + 0 命令+ 0
文本编辑快捷方式
行动 在Windows / Linux的 苹果电脑
编辑文本元素 输入 输入
空文本元素和编辑 退格 删除
胆大 Ctrl + B. Command + B.
斜体 Ctrl + I 命令+我
强调 Ctrl + U. Command + U.
切换链接 Ctrl + K. Command + K.
删除左词 Ctrl + Backspace 选项+删除
删除正确的词 Ctrl + Delete 选项+转发删除
移动到行首 家 Command +左箭头
移到行尾 结束 Command +右箭头
移到上一个单词 Ctrl +向左箭头 选项+左箭头
移到下一个单词 Ctrl +右箭头 选项+右箭头
选择上一个单词 Ctrl + Shift +向左箭头 选项+ Shift +向左箭头
选择下一个单词 Ctrl + Shift +向右箭头 选项+ Shift +右箭头
选择所有文本 Ctrl + A. Command + A.
热门推荐
相关应用
实时热词
评分及评论
点击星星用来评分