育將電腦工作室 - 線上書籍

網站程式設計-PHP
==========

網址：<http://tncomu.byethost10.com/nav.html>

```
<pre class="brush:as3;">

<link href="css/bootstrap.min.css" rel="stylesheet">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    
    <script src="js/bootstrap.min.js"></script>

</head>
  <body>
    
    <nav class="navbar navbar-default" role="navigation">
      <div class="container">
        
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">育將電腦工作室</a>
        </div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="index.html">首頁</a></li>
            <li><a href="nav.html">NAV導航</a></li>
            <li><a href="#">關於我們</a></li>
            <li><a href="#">聯絡我們</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">管理 <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">後台</a></li>
                <li><a href="#">新聞管理</a></li>
                <li><a href="#">聯絡我們管理</a></li>
                
                <li class="divider"></li>
                <li><a href="#">關於我們</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>

<div class="container">
      <div class="row">
        
        <div class="col-md-3" style="background-color: #93FF93;min-height:500px;">
          <h1>左區塊</h1>
          <a href="http://www.ifreesite.com/color/" target="_blank">色碼表</a>
        </div>
        
        <div class="col-md-9" style="background-color: #9999CC;min-height:500px;">
          <h5>右區塊</h5>
          <p>在標籤中使用 行內套用 (Inline)</p>
          <code>
            style="background-color: #93FF93;min-height:500px;"
          </code>
          <p>設定背景色 #93FF93 ; 最小高度 500px;</p>

<hr>

<h5>Bootstrap的 對齊類別</h5>
          <code>
            class="text-center"
          </code>
          <p>
            上面這個是置中<br>
            <a href="https://kkbruce.tw/bs3/CSS#type-alignment" target="_blank">更多....</a>
          </p>

</div>
      </div>
    </div>

<footer style="color:#fff; background-color: black;margin-top:20px;">
      <div class="container">
        <div class="text-center" style="padding:10px;">
          <p>育將電腦工作室</p>
        </div>
      </div>
    </footer>

</body>
</html>
```

</body></html>

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown