bootsharp尝试

最新推荐文章于 2023-05-08 17:53:24 发布

huangyunbin90

最新推荐文章于 2023-05-08 17:53:24 发布

阅读量116

点赞数

分类专栏： bootsharp 文章标签： javascript ViewUI

bootsharp 专栏收录该内容

1 篇文章

订阅专栏

　　　[size=medium]感觉ｂｏｏｔｓｈａｒｐ没我想象的复杂，就是一个ｊｓ　一个ｃｓｓ　，两个图片．
　　但是上手的时候确实有点恶心，文档说了很多，却没有给出实际的例子．
　　　然后发现要使用模板，模板很多要收费先不说，模板肯定不会完全满足需求．那就得改呗．那首先得要懂ｈｔｍｌ，我ｈｔｍｌ还是懂一些的．
　　　但是ｃｓｓ呢．自己按照官方的来搞不见的漂亮．结局很可能是东ｃｏｐｙ一些　西ｃｏｐｙ一下．
　　　我刚入门，呵呵，上面说的可能有很多不对．[/size]

效果图
[img]http://dl2.iteye.com/upload/attachment/0087/6559/092e3587-68f3-3052-b34c-33c5610d57c9.png[/img]

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>