首页 > 教程 > MAC软件教程 > Bootstrap StudioMac怎么去选择和移动组件?

Bootstrap StudioMac怎么去选择和移动组件?

小编: user22时间: 2018-06-15浏览: 0

Bootstrap Studio是一款功能非常强大的桌面应用程序,Bootstrap Studio Mac破解版可帮助开发和设计人员使用Bootstrap框架创建响应式网站。支持广泛的组件和高级功能,使您的工作效率更高。

选择和移动组件
在Bootstrap Studio中,通过单击它们来选择组件。选择一个组件会在其周围显示蓝色轮廓,并且会显示一个快速操作的栏:

这是选定的段落的样子。

通过这些操作,您可以快速移动项目,编辑其文本并复制它。请记住,并非所有操作都可用于每个组件。例如,图像上不显示文字编辑。
提示:您可以通过按住Shift或Cmd / Ctrl同时单击来一次选择多个组件。
选项面板
选择某个组件后,右侧的选项面板会更新。这是您可以修改组件样式,控制各种属性甚至创建动画的地方。


在选项面板显示段落设置。
有三个选项卡在选项面板- 外观和风格,选择和动画。这三个选项卡中提供的设置可以让您对组件的设计和行为有很大的控制权。但是如果你需要更多的控制,那么编写CSS就是为了你(请参阅“ 编写CSS和JavaScript ”教程以获取更多信息)。有一点需要记住,Bootstrap的一些组件实际上是由其他组件构成的,比如下拉菜单:如果你尝试选择它,你实际上会选择它里面的Button。如果您希望看到下拉菜单的选项,则需要上移一个组件。通过单击所选组件上的“向上”按钮()或显示在“ 选项”面板顶部的面包屑条中的条目,可以轻松完成 此操作:

选择元素后,可以通过移动手柄()将其拖放到其他组件中。
提示:您可以从舞台上拖动并拖放“ 概览”面板上的组件,以获得更高的精度。
锁定的组件
某些元素(如HTML和Body)被锁定,无法移动(您可以通过“ 概述”面板中的小挂锁识别它们)。这样做是为了让您不会错误地分页。这不应以任何方式限制您 - 组件被锁定时,这意味着您可以在“选项”面板中找到许多用于控制它的选项。

Bootstrap Studio知道组件可以放置的位置,并自动添加Bootstrap Framework期望的CSS类和其他属性。你甚至不需要考虑它。

相关软件