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

【BootStrap2学习日记16---选项卡内容】的更多相关文章

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学习日记20---定制缩略图

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

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学习日记3--响应式布局实用类

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

概要:响应式页面是指页面根据浏览平台(尺寸)的不同显示不同的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学习日记21---消息提示

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

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学习日记18---提示消息

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

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

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

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学习日记4---常用标签与样式

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

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…

学习日记16、easyui editor datagrid 动态绑定url

首先获取easyui当前的editor,然后看代码就可以了 var Index = $("#draw").datagrid("appendRow", { Ext1: '', Ext2:'1', PayCount: '', PayData: new Date().getYear+"-"+new Date().getMonth+"-"+new Date().getDay, Delete: '' }).datagrid("…

JavaWeb学习日记----XML基础

1.XML基础: XML全称为eXtensible Markup Language;即可扩展标记型语言,同HTML一样使用标签来操作.它的可扩展性体现在标签可以由自己定义,可以是中文标签. XML用途: 同HTML一样可用于显示数据,但是不是XML的主要用途.XML我们多用来存储数据. 应用: 1).不同应用之间数据的传输,利于程序之间的维护 2).用来表示生活中具有层级关系的数据 3).多用于文件配置 XML语法: 1).XML的文档声明: 创建一个文件,后缀名为.xml 在写XML之前,首先…

JavaWeb学习日记----表单提交方式

1.表单提交方式 (1) 使用input控件中的submit提交代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="#" method="get&qu…

前端学习日记之HTML、CSS 简单总结

前端学习日记之HTML.CSS 简单总结标签(空格分隔): html css 前端学习日记 html超文本标记语言一. h标题标签 h1-h7 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="keywords" content="11"> <meta name="description&…

python学习日记（基础数据类型及其方法01）

数字 int 主要是用于计算的,常用的方法有一种 #既十进制数值用二进制表示时,最少使用的位数i = 3#3的ASCII为:0000 0011,即两位 s = i.bit_length() print(s) 布尔值 bool True/False while True: 等价于: while 1: ###较简便 while 1: print('all trule') 字符串 str 字符串的索引与切片索引:索引既下标,字符串元素从第一个开始,初始索引为0.以此类推. s = 'sdfjs…

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(例…