首页
登录 | 注册

修改Bootstrap的一些默认样式

有些时候bootstrap的展示不能满足自己的需要,可以手动加一些样式来控制展示


一个input有两个label左边一个,右边一个.control-label默认是右对齐的,放在左边是没问题,如果放在右边就会出现离input框很远,可以手动加一个style="text-align: left;" 来控制他强制左对齐

<div class="row">
    <label for="id_handler_id_display" class="col-sm-2 control-label">参与人名称</label>
    <div class="col-sm-4">
        <input class="form-control" id="id_handler_id_display">
    </div>
    <label for="id_handler_id_display" class="col-sm-2 control-label" style="text-align: left;"><a id="select_a">选择</a></label>
</div>



本文网址:http://www.bnee.net/article/230004.html

相关文章

  • 原文地址:http://www.w3cplus.com/css/customizing-bootstrap.html 特别声明:此篇文章由Sunnylost根据Thomas Park的英文文章原名<Customizing Bootst ...
  • 总结:如何修改美化radio、checkbox的默认样式
    现在前端页面效果日益丰富,默认的input组件样式显然不能满足设计需求.前段时间开发项目中刚好接触到相关的需求,在此特地整理下修改radio.CheckBox样式的方法. 原理:大致原理都是使用原生的checkbox或input标签,在其后 ...
  • 转自:http://www.igooda.cn/jzjl/20130914360.html 在开发中,使用bootstrap后,中文会一直是默认的宋体,做为一个设计师,是不可忍受的... 还是微软雅黑的字体更好看些,而且过度到手机.平板电脑 ...
  • Bootstrap 定制和修改方法-perfect
    特别声明:此篇文章由Sunnylost根据Thomas Park的英文文章原名<Customizing Bootstrap>进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点.如需转载此译文,需注 ...
  • bootstrap椭圆形按钮+css覆盖
    最直接的方式是用CSS覆盖掉Bootstrap的默认样式.可以通过针对Bootstrap中使用的class编写你自己的样式来实现.比如说,可以通过增加以下代码来使你的按钮变得更圆滑:   .btn { -webkit-border-radi ...
  • Bootstrap - 排版1
    全局样式 在制作Web页面时,前端人员都习惯为网站设置一个全局样式(reset.css).那么在Bootstrap框架中也不例外.Bootstrap框架的核心是轻量的CSS基础代码库,他并没有一味的重置样式,而是注重各浏览器基础表现,降低开 ...
  • 前面的话 在Bootstrap中,有一些组件用于提示信息,如 标签.徽章.巨幕和页头.本文将详细介绍Bootstrap提示信息   标签 在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息,比如说在导航上添加了一个新导航项,可能 ...

2020 bnee小站 webmaster#bnee.net
12 q. 0.052 s.
湘ICP备19013596号-2