第三天-Grid Systems

目標

I . 學習基礎終端機操作——＞創建各種文件和刪除文件夾

II. 學習Grid Systems柵格系統——＞排版

學習基礎終端機操作

主要指令英文

pwd 查看路徑：我在哪裡
ls 列出所有文件 : 我可以往哪裡去
cd 切換路徑 : 前進
tab 自動補全
enter 進入
cd 空格 .. ：回到上一層
mkdir ＋文件名 :創建新的文件夾
open 空格 . ：打開
mv ＋原本文件名＋要更改成的文件名：重新命名文件夾
rm ＋要刪除的文件：刪除

11.touch ＋ ___.jpg/word/html.... ：創建各種文件

command L : 清除指令

創建各種文件和刪除文件

【asabulu】touch ［aaa.txt］ enter >>>【asabulu】ls enter >>> 【asabulu】rm ［aaa.txt］ enter >>>【asabulu】ls enter

注意：使用終端機刪除文件，刪除文件不會倒垃圾桶，會直接從電腦刪除。

學習Grid Systems柵格系統

排版

<div class="row">
    <div class="col-xs-12">
        <button type="button" class="btn btn-danger" @click="selectedComponent= 'appQuote'">Quote</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <hr>
    </div>
</div>

<div class="row">
    <div class="col-xs-12">
        <button type="button" class="btn btn-danger" @click="selectedComponent= 'appQuote'">Quote</button>
        <button type="button" class="btn btn-primary"  @click="selectedComponent= 'appAuthor'">Author</button>
        <button type="button" class="btn btn-default"  @click="selectedComponent= 'appNew'">New</button>
        <hr>
    </div>
</div>

補充：

<div class="container"> container 是容器的意思，就是特別製造出一個空間
<div class="row"> row 行
<div class="col-xs-12"> col 列最多12列

螢幕快照 2018-01-02 23.58.28.png

豬豬妹學習網站第3天-Grid Systems