bootstrap按钮，浮动，显示

谁践踏了优雅 2022-01-15 23:55 360阅读 0赞 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>bootstrap</title>
  6.     <style type="text/css">
  7.         div{ 
  8.             position: relative;
  9.             left:100px;
  10.             top:100px;
  11.             width:500px;
  12.             border:1px solid lightgray;
  13.         }
  14.         div span{ 
  15.             display: block;
  16.             margin:10px;
  17.         }
  18.     </style>
  19. </head>
  20. <body>
  21.     <script src="jquery.min.js"></script>
  22.     <link href="bootstrap/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
  23.     <script src="bootstrap/js/bootstrap/3.3.6/bootstrap.min.js"></script>
  24.     <div>
  25.         <span class="close">&times</span><br>
  26.         <span class="caret"></span><br>
  27.         <span class="pull-left">文字浮动到左边</span><br>
  28.         <span class="pull-right">文字浮动到右边</span><br>
  29.         <span class="show">强行显示</span>
  30.         <span class="hidden">隐藏</span><!--强行隐藏，位置会出来-->
  31.         <span class="show">显示</span>
  32.         <span class="invisible">隐藏</span><!--位置不会出来，保留-->
  33.         <span class="show">显示</span>
  34.     </div>
  35. </body>
  36. </html>

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，360人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Bootstrap按钮

    任何带有class.btn的元素都会继承圆角灰色按钮的默认外观。 .btn 为按钮添加基本的样式 .btn-default 默认/标准按钮 .btn-

    矫情吗；*矫情吗；*/ 0 赞/ 314 阅读