bootsharp尝试

    感觉bootsharp没我想象的复杂,就是一个js 一个css ,两个图片.
  但是上手的时候确实有点恶心,文档说了很多,却没有给出实际的例子.
   然后发现要使用模板,模板很多要收费先不说,模板肯定不会完全满足需求.那就得改呗.那首先得要懂html,我html还是懂一些的.
   但是css呢.自己按照官方的来搞不见的漂亮.结局很可能是东copy一些 西copy一下.
   我刚入门,呵呵,上面说的可能有很多不对.




效果图


html代码:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
    <title>Hello BootStrap</title>
  </head>
  <body>
    <h1>Hello BootStrap</h1>
    <ul class="nav nav-pills">
      <li class="active">[url=#]Regular link[/url]</li>
      <li class="dropdown" id="menu1">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">Dropdown<b class="caret"></b></a>
        <ul class="dropdown-menu">
          [*][url=#]Action[/url]

          [*][url=#]Another Action[/url]

          [*][url=#]Something else here[/url]

          <li class="divider"></li>
          [*][url=#]Separated link[/url]

        </ul>
      </li>
    </ul>

    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="js/bootstrap.js"></script>
    <script>
      $(".dropdown-toggle").dropdown()
    </script>
  </body>
</html>

猜你喜欢

转载自huangyunbin.iteye.com/blog/1915857