登录 - 注册 您好！欢迎来到聊城市宜购网络科技有限公司！
18963548078
技术文档
bootstrap框架-----可见 隐藏
发表日期：2019-02-26

可见框架-像素选择 -block-inline  :块内联元素

                       -inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格 可以设置宽度和高度地块元素的属性

visible-md sd sx  -   block-inline  ;  inline-block;

 

hidden：隐藏用法=visible；    

class='pull left'    左浮动     class='pull right'   右浮动

affix:绝对定位！    margin:0;     left:0;



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

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

</head>

<style>

div[class*='col-']{ background:#666; border:1px solid #039; min-height:50px; color:#FFF;}

</style>

<body>

<div class="container">

        <div class="row">

        <div class="col-lg-4 visible-sm-block visible-md-block visible-xs-block">col-lg-4 visible-sm-block visible-md-block visible-xs-block 小于960像素出现</div>

        <div class="col-sm-12 hidden-sm hidden-xs">col-sm-12 hidden-sm hidden-xs小于960像素隐藏</div>

        </div>

</div>

</body>

<script src="js/bootstrap.js"></script>

<script src="js/jquery-1.11.1.js"></script>

</html>


上一篇： （个人）注册公众平台步骤 下一篇： jQuery幻灯片插件OWL Carousel