20160823_jeffrey - silenceuncrio/diary GitHub Wiki

Index

0855 - engineering notebook
1020 - 參考 DigiComm 的配色
1300 - SVN update 完發現 compile error
1325 - 目前 bootstrap 版型大架構

0855

寫 engineering notebook

1020

參考 DigiComm 的配色

繼續在 D:\m300\web\digicomm 做事

1300

感覺可以跟 SVN 同步一下了

不過 update 完發現 compile error

是關於 recipe prosrc...

繼續做網頁好了

1325

目前使用 bootstrap 的版型大架構如下

直接利用 bootstrap grid system

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="assets/bootstrap.css">
<script src="assets/jquery.min.js"></script>
<script src="assets/bootstrap.js"></script>
</head>

<body>

<div class="container">

    <div class="row">
        <div class="col-md-12">
            <!-- custom top -->
        </div>
    </div>

    <div class="row">
        <div class="col-md-2">
            <!-- custom side -->
        </div>
        <div class="col-md-10">
            <!-- custom main -->
        </div>
    </div>

</div>

</body>

</html>

第一個 row 只有一個 column

<div class="panel panel-custom-top">
    <div class="panel-heading">
        <a href="#"><img src="assets/digicomm_logo_01.png" alt="DigiComm"></a>
    </div>
    <div class="panel-body">M300</div>
</div>

使用 bootstrap panels

panel-heading 放的是 digicomm 的 logo

panel-body 放的是一些常用的功能以及連結

panel-custom-top class 是用來自訂我們的 CSS