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后綴。

總結

以上是生活随笔為你收集整理的BootStrapStudio文档阅读笔记-Getting Started Guide解析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。