qq_43687284的博客

原创 bootstrap警告（22）

Bootstrap 警告（Alerts）本章将讲解警告（Alerts）以及 Bootstrap 所提供的用于警告的 class。警告（Alerts）向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框，请使用 警告（Alerts） jQuery 插件。您可以通过创建一个 <div>...

原创 bootstrap缩略图（21）

Bootstrap 缩略图本章将讲解 Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下：在图像周围添加带有 class .thumbnail 的 <a> 标签。这会添加四个像素的内边距（padding）和一个灰色的边框。当鼠标悬停在图像上时，会动...

原创 bootstrap页面标题（20）

Bootstrap 页面标题（Page Header）页面标题（Page Header）是个不错的功能，它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时，页面标题这个功能就显得特别有用。如需使用页面标题（Page Header），请把您的标题放置在带有 class .page-header 的 <div> 中：实例<div ...

原创 bootstrap超大屏幕（19）

Bootstrap 超大屏幕（Jumbotron）本章将讲解 Bootstrap 支持的另一个特性，超大屏幕（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。使用超大屏幕（Jumbotron）的步骤如下：创建一个带有 class .jumbotron. 的容器 <div>。除了更大的 <h1>，字体粗细 ...

原创 bootstrap徽章（18）

Bootstrap 徽章（Badges）本章将讲解 Bootstrap 徽章（Badges）。徽章与标签相似，主要的区别在于徽章的边角更加圆滑。徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要把 <span class="badge"> 添加到链接、Bootstrap 导航等这些元素上即可。下面的实例演示了这点：实例展示未读邮件：<a...

原创 bootstrap分页（17）

Bootstrap 分页本章将讲解 Bootstrap 支持的分页特性。分页（Pagination），是一种无序列表，Bootstrap 像处理其他界面元素一样处理分页。分页（Pagination）下表列出了 Bootstrap 提供的处理分页的 class。Class 描述 示例代码.pagination 添加该 class 来在页面上显示分页。 <ul class="pa...

原创 bootstrap面包屑导航（16）

Bootstrap 面包屑导航（Breadcrumbs）面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。<ul class="breadcrumb"> <li><a href="#">Home</a></li&

原创 bootstrap导航栏（15）

默认的导航栏创建一个默认的导航栏的步骤如下：向 <nav> 标签添加 class .navbar、.navbar-default。向上面的元素添加 role="navigation"，有助于增加可访问性。向 <div> 元素添加一个标题 class .navbar-header，内部包含了带有 class navbar-brand 的 <a> 元素。这...

原创 bootstrap导航元素（14）

表格导航或标签创建一个标签式的导航菜单：以一个带有 class .nav 的无序列表开始。添加 class .nav-tabs。<p>标签式的导航菜单</p><ul class="nav nav-tabs"> <li class="active"><a href="#">Home<

原创 bootstrap输入框组（13）

向 .form-control 添加前缀或后缀元素的步骤如下：把前缀或后缀元素放在一个带有 class .input-group 的 <div> 中。接着，在相同的 <div> 内，在 class 为 .input-group-addon 的 <span> 内放置额外的内容。把该 <span> 放置在 &amp

原创 bootstrap按钮下拉菜单（12）

如需向按钮添加下拉菜单，只需要简单地在在一个 .btn-group 中放置按钮和下拉菜单即可。您也可以使用 <span class="caret"></span> 来指示按钮作为下拉菜单。<div class="btn-group"> <button type="button" class="btn btn-default dro

原创 bootstrap按钮组（11）

.btn-group 该 class 用于形成基本的按钮组。在 .btn-group 中放置一系列带有 class .btn 的按钮。 <div class="btn-group"> <button type="button" class="btn btn-default">Button1&amp

原创 bootstrap 下拉菜单（10）

<div class="dropdown"> <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题 <span class="caret">&amp

原创 bootstrap辅助类（９）

文本以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗：类 描述 实例.text-muted “text-muted” 类的文本样式 .text-primary “text-primary” 类的文本样式 .text-success “text-success” 类的文本样式 .text-info “text-info” 类的文本样式 .text-warning...

原创 bootstrap图片（８）

.img-rounded 为图片添加圆角 (IE8 不支持).img-circle 将图片变为圆形 (IE8 不支持) .img-thumbnail 缩略图功能 .img-responsive 图片响应式 (将很好地扩展到父元素)

原创 bootsrap按钮（７）

以下样式可用于<a>, <button>, 或 <input> 元素上：类 描述 实例.btn 为按钮添加基本样式 尝试一下.btn-default 默认/标准按钮 尝试一下.btn-primary 原始按钮样式（未被操作） 尝试一下.btn-success 表示成功的动作 尝试一下.btn-info 该样式可用于要弹出信息的按钮 尝试一下.btn...

原创 bootstrap表单(6)

垂直或基本表单基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：向父 元素添加 role=“form”。把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。向所有的文本元素 <input>、<textarea> 和 <select...

原创 bootstrap表格（5）

<table> 为表格添加基础样式。<thead>表格标题行的容器元素<tr>，用来标识表格列。<tbody> 表格主体中的表格行的容器元素。<tr> 一组出现在单行上的表格单元格的容器元素）。<td> 默认的表格单元格。<th> 特殊的表格单元格，用来标识列或行（取决于范围和位置）<c

原创 bootstrap代码显示（4）

Bootstrap 允许您以两种方式显示代码：第一种是 <code>标签。如果您想要内联显示代码，那么您应该使用 <code> 标签。第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行，那么您应该使用 <pre> 标签。请确保当您使用 <pre> 和 <code>标签时，开始和结束标签使用了...

原创 bootstrap排版（3）

Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式内联子标题如果需要向任何标题添加一个内联子标题，只需要简单地在元素两旁添加 ，或者添加 .small class，这样子您就能得到一个字号更小的颜色更浅的文本引导主体副本为了给段落添加强调文本，则可以添加 class=“lead”，这将得到更大更粗、行高更高的文本，<small>本行内容是在标签内&l...

原创 bootstrap网格系统（2）

媒体查询媒体查询是非常别致的"有条件的 CSS 规则"。它只适用于一些基于某些规定条件的 CSS。如果满足那些条件，则应用相应的样式。Bootstrap 中的媒体查询允许您基于视口大小移动、显示并隐藏内容。下面的媒体查询在 LESS 文件中使用，用来创建 Bootstrap 网格系统中的关键的分界点阈值。/* 超小设备（手机，小于 768px） *//* Bootstrap 中默认情况下...

原创 bootstrap概述（1）

为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签，如下所示<meta name="viewport" content="width=device-width, initial-scale=1.0">在移动设备浏览器上，通过为 viewport meta 标签添加user-scal...

原创 序bootstrap引用（0）

如果网络好的话可以直接连库。<!-- 新 Bootstrap 核心 CSS 文件 --><link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- jQuery文件。务必在bootstrap.min.js...

原创 C#软件更新与下载 （11）

这一节我们讲软件的更新与下载，先说说思路1，实现这个功能需要有2个程序，一个主程序，一个update.exe程序，并且这个2个程序在同一个文件夹下。2，启动主程序后，点击检测更新，会运行update.exe,update.exe获得服务器端的版本号，程序名（主程序名），和需要更新的文件名（该案例我命名为update.xml,如果项目特别大，可以用上一节的程序自动生成update,xml文件）...

原创 C# 生成指定文件夹下的路径的xml文件（含分层）（10）

最近在做软件的更新与下载，遇到了问题，网上的案例给到的xml 目录特别简单，，公司的软件目录有50多个，，一个一个的写太费事，还容易写错，经过一个下午的研究终于做出了一个生成x’m’l小工具.下面看看效果，我自己建立的文件目录如下根目录ceshi第一目录 A++++ 第二目录 A1++++++++ 第三目录 s.txt++++ 第二目录 A2...

原创 解决管理工具中没有Internet 信息服务(IIS)管理器（1）

原创 C# wpf中的数据绑定4-4（17）

如果想以特定的方式对数据进行排序，可以绑定到 CollectionViewSource，而不是直接绑定到 ObjectDataProvider。CollectionViewSource 则会成为数据源，并充当截取 ObjectDataProvider 中的数据的媒介，并提供排序、分组和筛选功能，然后将它传送到目标。主页面前台代码：<Window x:Class="WpfApppaixu...

原创 C# wpf中的数据绑定4-3（16）

1 . 这次我们来学习新的绑定知识，XML数据绑定。XmlDataProvider 用来绑定 XML 数据，该XML数据可以是嵌入.Xmal文件的 XmlDataProvider 标记中，也可以是外部位置引用的文件中。2. 当然嵌入式 XML 内容必须置于 XmlDataProvider 内部的 <x:XData> 标记中，而且不容易修改，所以建议使用XML数据文件形式。对于 X...

原创 C# wpf 中的数据绑定4-2（15）

同一个数据源绑定到两个或多个控件上。如我们的示例中把ListBox的选中项绑定到TextBox与TextBlock。在绑定语法中增加一个 Mode 属性，即绑定模式。对于我们的示例，我们把TextBlock的绑定语法中的Mode属性设为 OneWay 。把TextBox的绑定语法中的Mode属性设为TwoWay。<StackPanel Grid.Row="1"&a

原创 C# wpf中的数据绑定4-1(14)

该示例演示如何通过绑定的方式把ListBox中选中的值显示到 TextBlock中。首先，给ListBox添加了七个 ListBoxItem，做为ListBox的选项 。其次，把第二个 TextBlock 的 Text通过 Binding 与 ListBox 选择项进行绑定。Binding 语法中的 ElementName 属性指示 TextBlock 的 Text 属性要与其绑定的控件的名称...

原创 C#wpf 显示时间， 测试网络，线程简单使用（13）

<Grid> <TextBlock Text="2017年2月7日 17:49:28" FontSize="16" Name="tbkDate" Foreground="Black"/> <Button Name=&a

原创 C# wpf NotifyIcon空间模仿qqz最小化，关闭功能（12）

1，新建wpf项目<Grid> <StackPanel> <TextBlock>这是这主程序，模仿qq 最小化功能</TextBlock> <TextBlock>功能1：运行这个程序最小化托盘里面有这个程序的图标&am

原创 C# wpf创建多级列表文档（11）

1，新建一个wpf项目，添加一个button按钮，在button事件里面写如下代码：//新建Word文档 Document doc = new Document(); Section section = doc.AddSection(); //初始化ListStyle对象，指定List类型为数字列表并命名 ...

原创 C# wpf 将元素绑定在一起（10）

此代码完成3个功能，1拖动滑块字体变化并且textbox 显示字体大小2，点击button ，将字体固定到50，并且滑块到50，textbox 显示503，选中颜色，将改变字体的颜色，测试成功。...

原创 C# wpf创建单实例应用程序（9）

1，新建一个wpf项目,找到App.xmal.cs打开后插入如下代码：namespace ElectronicNeedleTherapySystem{ /// <summary> /// App.xaml 的交互逻辑 /// </summary> public partial class App : Application { ...

原创 C# ProgressBar控件基本用法（8）

后台代码测试到达效果。

原创 C# wpf Expander控件的简单应用（7）

测试可以通过ExpandDirection属性可控制其展开方向。

原创 c# wpf TabControl分页控件应用（6）

1TabControl 控件简单应用测试一下功能实现。

原创 C# wpf canvas面板Z顺序，和InkCanvas应用（5）

1，canvas面板更加开放，一般用于画板。2，如果Canvas 面板中有多个互相重叠的元素，可通过设置Canvas.ZIndex 附加属性来控制它们的层叠方式。可通过增加任何子元素的ZIndex 值来提高层次级别。因为具有更高ZIndex 值的元素始终显示在较低ZIndex 值的元素的上面3，，InkCanvas 应用新建wpf程序后，按图片所示编写代码。测试测试时完成，结论。...

原创 C# wpf grid面板应用（4）

1新建一个项目，如下图所示分析代码；Grid.ColumnDefinitions可以定义列宽Grid.RowDefinitioons可以定义行高Grid.column=“0” 代表第一列。grid.Row=“1” 代表第二行。Grid.columnspan=“2” 表示向右合并2个列Grid.RowSpan=“2” 表示向下合并2个行...