zoukankan      html  css  js  c++  java
  • Bootstrap格式转换代码

    网址:http://www.w3cschool.cc/bootstrap/bootstrap-responsive-utilities.html

    <div class="container" style="padding: 40px;">
       <div class="row visible-on">
          <div class="col-xs-6 col-sm-3" style="
             box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
             <span class="hidden-xs">特别小型</span>
             <span class="visible-xs">✔ 在特别小型设备上可见</span>
          </div>
          <div class="col-xs-6 col-sm-3" style="
             box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
             <span class="hidden-sm">小型</span>
             <span class="visible-sm">✔ 在小型设备上可见</span>
          </div>
          <div class="clearfix visible-xs"></div>
          <div class="col-xs-6 col-sm-3" style="
             box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
             <span class="hidden-md">中型</span>
             <span class="visible-md">✔ 在中型设备上可见</span>
          </div>
          <div class="col-xs-6 col-sm-3" style="
             box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
             <span class="hidden-lg">大型</span>
             <span class="visible-lg">✔ 在大型设备上可见</span>
          </div>
        </div>
    </div>

  • 相关阅读:
    element 步骤条steps 点击事件
    element-ui的rules中正则表达式
    从master分支创建自己的分支
    2.1 系统调用io实现原理
    2-3形参和实参
    2-2函数
    2-1.编译和链接
    linux高编信号-------setitimer()、getitimer()
    linux高编IO-------有限状态机编程原理(mycpy)
    linux高编线程-------线程同步-条件变量
  • 原文地址:https://www.cnblogs.com/feiqi/p/4262727.html
Copyright © 2011-2022 走看看