bootstrap css选择不同的宽度

刚开始使用bootstrap css开源项目。遇到一个问题，默认的input 宽度太大，需要找小一点的。

其实只需要在input tag中选用预定义的较小的宽度即可。比如:

<input type="number" class="input-small"></input>

input-small是预定义的一种类别，在bootstrap.css文件中有一组这样的类别:

.input-mini {width: 60px;
}.input-small {width: 90px;
}.input-medium {width: 150px;
}.input-large {width: 210px;
}.input-xlarge {width: 270px;
}.input-xxlarge {width: 530px;
}

bootstrap css选择不同的宽度相关推荐

看了一下bootstrap css
/*!* Bootstrap v3.3.7 (http://getbootstrap.com)* Copyright 2011-2016 Twitter, Inc.* Licensed under M ...
ASP.NET MVC使用Bootstrap系统（2）——使用Bootstrap CSS和HTML元素
ASP.NET MVC使用Bootstrap系统(2)--使用Bootstrap CSS和HTML元素阅读目录 Bootstrap 栅格(Grid)系统 Bootstrap HTML元素 Boots ...
css圆在中心根据宽度缩放_根据CSS中的容器宽度重新缩放字体
css圆在中心根据宽度缩放 Introduction: 介绍: Dealing with fonts is a very interesting thing to do as fonts bring ...
移动端html右滑空白,BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法...
最近的一个项目前台使用了 bootstrap.css + angularjs, 后台只处理数据(用的php,处理结果直接 json_encode($arr),非常爽).一直在Chrome的仿真机测试 ...
bootstrap地址选择（全国省市选择、定位）功能
简介:基于bootstrap地址选择的功能,加入了简单的封装. 代码地址:https://github.com/shulongfei/demo-manage.git 在线访问:https://shul ...
html 布局缩放比例,css布局之百分比宽度布局的使用
如何利用百分比布局?本篇文章就给大家介绍css布局之百分比宽度布局的使用.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 百分比是什么?如何设置? 百分比是一种相对于包含块的计量单位 ...
[css选择器]总结：IE6不支持的CSS选择符
转载地址:https://www.wenjiwu.com/doc/zvsbii.html.此文最后也给出了原文地址,但是我点击过去发现是什么赌博彩票的地址,360也弹出小心的提示,所以这里只给出了我转 ...
CSS根据屏幕分辨率宽度自动适应的办法
CSS根据屏幕分辨率宽度自动适应的办法第一种办法是JS选择CSS <SCRIPT language=javascript> <!-- Begin if (screen.width ...
城市简码_如何使用简码在WordPress中添加Twitter Bootstrap CSS
城市简码 Adding CSS elements like tooltips, colorful buttons, and roll-over effects can help your conten ...

bootstrap css选择不同的宽度

bootstrap css选择不同的宽度相关推荐

最新文章

热门文章