bootstrap text 样式

<br>
<h3>示例2</h3>
<form role="form">
  <div class="form-group has-success has-feedback">
    <label class="control-label" for="inputSuccess1">成功状态</label>
    <input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" >
    <span class="glyphicon glyphicon-ok form-control-feedback"></span>
  </div>
  <div class="form-group has-warning has-feedback">
    <label class="control-label" for="inputWarning1">警告状态</label>
    <input type="text" class="form-control" id="inputWarning1" placeholder="警告状态">
    <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
  </div>
  <div class="form-group has-error has-feedback">
    <label class="control-label" for="inputError1">错误状态</label>
    <input type="text" class="form-control" id="inputError1" placeholder="错误状态">
    <span class="glyphicon glyphicon-remove form-control-feedback"></span>
  </div>

最后生成的效果

时间: 2024-12-30 09:32:44

bootstrap text 样式的相关文章

bootstrap 全局样式设置

HTML <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>全局样式</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/boo

bootstrap基础样式使用

<small> 为了给段落添加强调文本,则可以添加 class="lead" <small>本行内容是在标签内</small><br> <strong>本行内容是在标签内</strong><br> <em>本行内容是在标签内,并呈现为斜体</em><br> <p class="text-left">向左对齐文本</p> &l

基于Metronic4.1的Bootstrap脚本样式说明

虽说Bootstrap作为当下最流行的响应式的UI,但是对于一些在Bootstrap基础上扩展的UI的资料算是很之又少.这里楼主结合这一个月的辛酸把那些脚本跟样式整理一下下... 关于Metronic4.1的相关信息也只能从Metronic4.1的Demo中扣出来,首先看下如下样式: <!-- BEGIN GLOBAL MANDATORY STYLES --> <link href="@Url.StaticFile("/assets/global/plugins/fo

Bootstrap -- 按钮样式与使用

1. 可用于<a>, <button>, 或 <input> 元素的按钮样式 按钮样式使用: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>My Test bootstrap</title> &l

解决了部署到Heroku时无法显示bootstrap CSS样式的问题

今天使用了bootstrap-sass进行布局,真的很好用,据说是tweet 开源的一个东东,本地一切都OK的时候欢喜的git push heroku后,发现bootstrap css的样式并没有预期中的显示出来,感觉还是挺沮丧,但是有问题就要解决,于是抱着技术问题问Google的态度,搜索了下,在 stackoverflow上找到了解决方法,不得不说stackoverflow真是个好东西,我的问题大部分都是在那上面解决的. 原文: I could not view the site with

在bootstrap ace样式框架上修改的后台管理型模板

后台管理模板开始用frameset布局,但是有时候会遮挡比如上面导航或者左边导航的二级三级弹出菜单,因为宽度被限制了,所以有时候就用easyui或者ext的,但是样式不好看,然后看到了bootstrap ace的后台管理模板,觉得挺漂亮的,所以拿来修改了下,以前是单页型的页面,每个页面都有导航什么的,现在把导航做成公共的了,然后在顶部添加了tab页,双击tab页关闭当前页面,tab页里的内容能够自适应了,然后顺便排列了下表单,差不多就这样,拿出来共享下,觉得不错的给个赞哈..嘿嘿. 下载地址:h

Bootstrap登录样式

样式1 <!--bs中所有的均应该包裹在其中.--> <div class="container"> <!-- row是珊栏系统的包裹容器--> <div class="row"> <!-- col-md-x 表示此珊栏占据几个格子,offset-x 是偏移x格子--> <div class="col-md-4 col-md-offset-4"> <!-- panel分

Bootstrap 基本样式

基本样式 <head> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.js"></script> <link href="http://libs.baidu.com/boot

Android:pressed状态下,改变背景和Text样式

需求:准确控制Text的高度,pressed时候,同时改变背景和text的样式. 用Button的话,不能准确控制text的高度. 用Image+TextView叠加的话,pressed时候,onClick事件会被两者中一个consume,因此text的样式,背景只能改变其中之一,代码中设置也很不方便. 目前比较好的实现: Layout+TextView.监听layout即可. <android.support.percent.PercentRelativeLayout android:id=&qu