The Application Window

BootStrapStudio这款软件的界面分为三个部分，最左边的面板是各种组件（Component），中间是Overview面板。

可以从Component面板中拖动中各种组件放到OverView面板中。

Selecting Components

在OverView面板中，点击一个组件后，会出现Select Components，如下：

出现这个窗口后，就可以对这个这个组件进行移动、编辑、设置text、复制。但并不是所有的组件都有这些属性的，比如image就没有text编辑。

当选中这个组件后，BootStarpStudio最右边的Settings面板就会更新，这个面板可用于修改组建的样式，可以通过设置几个属性，创建一个动画的效果。如下：

在上面这个Settings面板中有3个tab页，Look and Feel、Options、Animations。这个面板只有些简单的设计和一些简单的行为，如果要复杂的功能就要写CSS（Help > Tutorials and Guides menu for more）。

需要注意的地方，如下面这个dropdown：

这个是个下拉框，如果要选中Dropdown这个选项，可以选中那个向上的图标如：

就会选中Settings中的options面板：

Editing Text

只要双击需要修改的元素，或者点击

。

提示：当选中这个元素后可以按下Enter键，就可以开始修改text了。

Drag And Drop

当一个元素被选中，可以通过

这个区拖动。

注意，html和body标签是被锁住的，所以没办法移动。可以通过Overview面板来识别。

Components

在做左边提供了很多标准的组件库。

并且还能创建自己的组件，会在User中显示，具体可以在Help->Tutorials and Guides > Custom Components tutorial。中查看。Online里面是整个社区各个大佬共享的组件。

Open and Saving

使用BootStrapStudio保存的工程文件名为.bsdesing后缀。