当前位置: 首页 > news >正文

关于bootstrap列偏移的两种方式

第一种方式:

<div class="col-md-2 col-md-offset-9">
    <input type="text" class="form-control" placeholder="选择月份"  id="date_picker">
</div>

使用col-md-offset-9可以实现元素向右偏移9个栅格,但是我在今天使用时遇到了个BUG,再点击input左边的空白处居然触发了datatimepicker控件。

因此,我采用了第二种方式来实现同样的效果:

<div class="col-md-9"></div>
<div class="col-md-2">
    <input type="text" class="form-control" placeholder="选择月份"  id="date_picker">
</div>

 

转载于:https://www.cnblogs.com/Raymon-Geng/p/5707454.html

相关文章:

  • Tortoise SVN安装后右键没有菜单的解决方法
  • 软件测试忠告
  • 桌面远程链接
  • django中@property装饰器的运用
  • Neutron 不健全的HA ROUTER
  • nwjs
  • (Forward) Music Player: From UI Proposal to Code
  • 【leetcode】经典算法题-Counting Bits
  • SQL--常用命令
  • JDK1.7新特性(1):Switch和数字
  • ios开发图片轮播器以及定时器小问题
  • Ubuntu里面软件的安装与卸载
  • ubuntu 设置DNS
  • jquery ajax 传数据到后台乱码的处理方法
  • CSS样式
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • 2017-09-12 前端日报
  • EOS是什么
  • Fundebug计费标准解释:事件数是如何定义的?
  • Javascripit类型转换比较那点事儿,双等号(==)
  • java中具有继承关系的类及其对象初始化顺序
  • JS实现简单的MVC模式开发小游戏
  • python学习笔记 - ThreadLocal
  • Spring Cloud中负载均衡器概览
  • 从零开始学习部署
  • 从零开始在ubuntu上搭建node开发环境
  • 读懂package.json -- 依赖管理
  • 前端面试题总结
  • 软件开发学习的5大技巧,你知道吗?
  • 微信开放平台全网发布【失败】的几点排查方法
  • 为什么要用IPython/Jupyter?
  • 一些关于Rust在2019年的思考
  • 一些基于React、Vue、Node.js、MongoDB技术栈的实践项目
  • 译米田引理
  • 如何在招聘中考核.NET架构师
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • ​iOS实时查看App运行日志
  • ​渐进式Web应用PWA的未来
  • ​学习一下,什么是预包装食品?​
  • #前后端分离# 头条发布系统
  • ()、[]、{}、(())、[[]]等各种括号的使用
  • (26)4.7 字符函数和字符串函数
  • (floyd+补集) poj 3275
  • (ibm)Java 语言的 XPath API
  • (M)unity2D敌人的创建、人物属性设置,遇敌掉血
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (十一)JAVA springboot ssm b2b2c多用户商城系统源码:服务网关Zuul高级篇
  • (一)kafka实战——kafka源码编译启动
  • (一)pytest自动化测试框架之生成测试报告(mac系统)
  • (原創) 如何動態建立二維陣列(多維陣列)? (.NET) (C#)
  • .helper勒索病毒的最新威胁:如何恢复您的数据?
  • .net 发送邮件
  • @Data注解的作用
  • [.NET]桃源网络硬盘 v7.4
  • [2016.7.Test1] T1 三进制异或