BootStrap2学习日记18---提示消息

【BootStrap2学习日记18---提示消息】的更多相关文章

BootStrap2学习日记18---提示消息

代码: <div class="alert alert-block" id="alert"> <a href="#" class="close" data-dismiss="alert">×</a> <h4>提示</h4> <small> 中国(China),位于东亚,是一个以华夏文明为主体.中华文化为基础,以汉族为主要民族的统一多民族…

<small>:常常和h1标签一起搭配使用如<h1>标题<small>小标题</small></h1> <abbr>:abbr 通过对缩写进行标记,您能够为浏览器.拼写检查和搜索引擎提供有用的信息,在标签中使用全局的 title 属性,这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本. <blockquote>:blockquote标签定义块引用. <cite>: ci…

BootStrap2学习日记21---消息提示

<p><a href="#" title="中国(China),位于东亚,是一个以华夏文明为主体.中华文化为基础,以汉族为主要民族的统一多民族国家,通用汉语.中国疆域内的各个民族统称为中华民族,龙是中华民族的象征." rel="tooltip">中国</a></p> <p><a href="#" id="k" title="中国(C…

BootStrap2学习日记3--响应式布局实用类

BootStrap2中常用的响应式布局类如: visible-phone 仅在手机平台显示 visible-tablet 仅在平板电脑显示 visible-desktop 仅在 PC电脑显示我们来看下面这个例子: <div class="container"> <div class="row"> <div class="span4"> <h1 class="page-…

BootStrap2学习日记2--将固定布局换成响应式布局

概要:响应式页面是指页面根据浏览平台(尺寸)的不同显示不同的CSS. 原理:在Html的的头加入代码 <style> /*当浏览器宽度大于767是采用括号里面的CSS样式*/ @media(min-width:767px){body(background:red)} /*当浏览器宽度小于767px的时候采用 */ @media(max-width:767px){body(background:red} /*当浏览器宽度大约767px小于960px的时候采用 */ @media(min-wid…

BootStrap2学习日记23---图片轮播

<div id="carousel1" class="carousel slide"> <div class="carousel-inner"> <div class="item active"> <img src="http://placehold.it/940x360/&text=Picture-1"/> <div class="c…

BootStrap2学习日记22---点击展开

先看效果: Code: <div class="accordion" id="accordion2"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-pare…

BootStrap2学习日记20---定制缩略图

先看看效果: 代码: <ul class="thumbnails"> <li class="span3"> <div class="thumbnail pull-right"> <img src="20224543-5aa37207bf894b479319fea51f210ae3.jpg" alt="小熊猫"/> <div class="cap…

BootStrap2学习日记19---缩略图

缩略图代码: <ul class="thumbnails"> <li class="span3"><a href="#" class="thumbnail"><img src="http://placehold.it/260x180" alt=""/></a></li> <li class="spa…

BootStrap2学习日记17---导航路径和分页

导航路径代码: <ul class="breadcrumb"> <li><a href="#">Home</a><span class="divider">></span></li> <li class="active">Product List</li> </ul> 效果: 分页器代码: <…

BootStrap2学习日记16---选项卡内容

代码: <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">中国</a></li> <li><a href="#tab2" data-toggle="tab">美国</a></li&…

BootStrap2学习日记15----选项卡

导航格式1: <ul class="nav nav-tabs"> <li class="active"><a href="#">中国</a></li> <li><a href="#">美国</a></li> <li><a href="#">日本</a></li…

BootStrap2学习日记14----导航

<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="brand" href="#">Logo</a> <div class="nav-collapse col…

BootStrap2学习日记13----关于按钮

普通按钮代码: <div style="margin-bottom:15px"> <a href="#" class="">a标签</a> </div> <div style="margin-bottom:15px"> <button class="">button标签</button> </div> <…

BootStrap2学习日记12---注册表单

<form method="" action="" class="form-horizontal"> <frameset> <div class="control-group"> <label class="control-label" for="tb_userName">UserName:</label> <div cl…

BootStrap2学习日记11---单选框多选框

单选框代码: <label for="country">国家</label> <select id="country"> <option value="1">China</option> <option value="2">United States</option> <option value="3">Japa…

BootStrap2学习日记10---单选框和复选框

<label>选择你的性别</label> <label class="radio"> <input type="radio" name="gender" value="male">男</label> <label class="radio"> <input type="radio" name="ge…

BootStrap2学习日记9---文本框的前缀和后缀

先来看一段代码: <form method="" action=""> <div class="input-append input-prepend"> <span class="add-on">¥</span> <input class="" type="text"> <span </span> </d…

BootStrap2学习日记8---表单

<form> <label for="username">用户名</label> <input id="username" type="text" placeholder="请输入用户名." class="span3"/> <p class="help-block">请输入你的用户名,注意格式</p> </fo…

BootStrap2学习日记7---表格

基本表代码: <div class="container"> <h1 class="page-header">基本表</h1> <table class="table table-hover"> <thead> <tr> <th>科目</th> <th>分数</th> <th>学分</th> <t…

BootStrap2学习日记6---代码

&lt:表示“<” &gt:表示“>” 在BootStrap中标记代码的标签使用<code>,标记代码块使用<pre>(里面的代码特殊标签必须转义) 下面我们看一个例子代码: <body> <div class="container"> <h1 class="page-header">代码</h1> <p>这是一个<code><h1&g…

BootStrap2学习日记5---列表

常用列表标签有3中如下:<ul><li><ol><li><dl><dt><dd> 例子: <div class="container"> <h1 class="page-header">列表<small>无序列表/有序列表/描述列表</small></h1> <div> 无序列表 <ul> <l…

BootStrap2学习日记1--网格系统

在BoootStrap2的版本中采用的布局方式是12栏网格布局(把浏览器的Width分12栏,布局中使用每个元素所占格数的不同来达到各种布局),包括(固定)网格布局(Grid System)和流式网格布局(Fluid Grid System).固定网格布局. <1>固定网格布局——通过span+数字组合来确定占用网格数 (如:span1就是一栏依此类推) 例1代码: <section id="grid-system"> <div class="c…

BootStrap2学习日记23---弹出对话框

<a href="#login" data-toggle="modal" class="btn btn-primary">登陆</a> <div class="modal hide fade" id="login"> <div class="modal-header"> <a href="#" data-dismi…

学习日记18、easyui 文件框上传文件

前台 <tr> <td style="width:100px; text-align:right;"> @Html.LabelFor(model => model.ImgUrl): </td> <td style="width:310px"> @Html.HiddenFor(model => model.ImgUrl) <input class="easyui-filebox" n…

android学习日记21--消息提示之Toast和Notification

1.Toast Toast译为土司,类似切片面包,用于弹出比较快速的及时提示信息.当Toast被显示时,虽然它悬浮应用程序最上方,但是并未获得焦点.它的设计就是为了提示有用的信息,而不打扰用户其他操作.最使用简单: // 第一个参数:当前的上下文环境.可用getApplicationContext()或this // 第二个参数:要显示的字符串.也可是R.string中字符串ID // 第三个参数:显示的时间长短.Toast默认的有两个LENGTH_LONG(长)和LENGTH_SHORT(短)…

android学习日记03--常用控件checkbox/radiobutton

常用控件3.checkbox 复选框,确定是否勾选,点击一下勾选,点击第二下取消,当有一系列备选项时适合用checkbox控件,方便用户提交数据. 贴上例子Activity的java代码 package com.example.checkbox; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.widget.CheckBox; import androi…

Linux学习日记-使用EF6 Code First(四)

一.在linux上使用EF 开发环境 VS2013+mono 3.10.0 +EF 6.1.0 先检测一下EF是不是6的如果不是请参阅 Linux学习日记-EF6的安装升级(三) 由于我的数据库已经建好了所以我直接是 ”从数据库生成Code First“ 如下图…

jQuery动态提示消息框效果

效果预览:http://keleyi.com/keleyi/phtml/jqtexiao/2.htm 原文:http://keleyi.com/a/bjac/hxv86dyi.htm <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery…

informatica 学习日记整理

1. INFORMATICA CLIENT的使用 1.1 Repository Manager 的使用 1.1.1 创建Repository. 前提: a.在ODBC数据源管理器中新建一个数据源连接至你要创建Repository的数据库(例:jzjxdev) b. 要在你要连接的数据库中新建一个用户(例:name: ETL password: ETL) 现在你可以创建一个Repository了.选择Repository – Create Repository,输入RepositoryName(例…