所有复选框类型的输入元素都应该封装在标签元素中。这些标签必须有Bootstrap的按钮类。在这种情况下,我选择了灰色的按钮。...在本节中,我们将创建一些选项卡窗格,将一些虚拟数据放入其中,并使这些选项卡窗格响应相应的选项卡链接。 要让选项卡工作,我们需要Bootstrap的nav-tabs组件和tab-content组件。...nav-tabs组件中的每个链接都应该有一个data-toggle=”tab”属性。这允许引导程序将单击事件映射到相应的选项卡窗格。这些链接中的href属性应该包含相应的选项卡窗格的id。...对于一个选项卡窗格,我们需要创建一个新的包含类tab-pane的元素。这些选项卡窗格也应该有惟一的id,因为它们将被引用到导航标签(nav-tabs)的链接中。...选项卡窗格的数量应该等于显示在导航栏中的链接数。在nav-tabs包裹的一个元素中添加一个类”active”,将使它成为默认选项卡。 就是这样!你有了一个可以工作的选项卡插件。
) 如果命令行为空,则将视口移动到缓冲区顶部。...Win + T 打开时钟 Win + W 发送到白板 Win + X 切换边栏 Win + 1 打开或关闭边栏中的“呼叫”窗格 Win + 2 打开或关闭边栏中的“人脉”窗格 Win + 3 打开或关闭边栏中的...“消息”窗格 Win + 4 打开或关闭边栏中的“内容”窗格 Win + F6 在边栏、顶栏和底栏之间移动键盘焦点 Win + Shift + F6 以相反方向在边栏、顶栏和底栏之间移动键盘焦点 Win...Alt导航键 + 快速访问工具栏/无快捷键功能/宏 – 导航键 这次去掉F4,Alt键的功能更值得我们多花一些篇幅。...以及,常用却没有快捷键的功能,比如Word中的“编号”、Excel中的“冻结窗格”、PowerPoint中的“对齐”“选择窗格”等,或编写/录制的宏,可以将其添加到快速访问工具栏,配合Alt +数字快速调用
可点击图片放大查看“文档”视图默认情况下,系统将显示用于查看多个 PDF 的带标签界面。当打开多个 PDF 时,每个 PDF 会在同一应用程序窗口的标签中打开。...可以从顶部切换标签 - 标签名称显示该文件的名称。在工作区的顶端,可以看到菜单栏和工具栏。工作区包括居中的文档窗格、左侧的导览窗格和右侧的工具或任务窗格。文档窗格显示 PDF。...左侧的导览窗格有助于浏览整个 PDF 以及对 PDF 文件执行其它选项。靠近在窗口顶部的工具栏提供了可用于操作 PDF 的其它控制。可点击图片放大查看2....导览窗格:导览窗格是一个可以显示不同导览面板的工作区,在左侧窗格显示。工具窗格:Acrobat 右侧窗格显示常用工具。工具栏项目:工具栏显示常用的工具图标,在文档窗格的上端。可点击图片放大查看3....如果是长文档,并且文档有目录,希望生成的 PDF 文档带有导航书签,这时应该利用上面方法②和③,而方法①和④生成的 PDF 文档是不带导航书签的。
作为此一般可用性版本的一部分,我们还对可用性进行了一些改进: 现在,您可以在“格式”窗格的“过滤器”窗格选项卡中更改“应用”按钮的填充颜色: 您还可以在主题本身中指定颜色: 我们还改善了“清除”过滤器的行为...页面导航设置:报告作者可以选择报告页面导航的位置,在左侧是窗格,在底部是标签。...查看报告详细信息:在顶部横幅中,快速查看详细信息,例如上次刷新日期和联系信息。 垂直页面列表:报表页面名称现在位于垂直窗格的列表中。...它们非常突出,不容错过,就像在Word和PowerPoint中导航一样。 改进的过滤器体验:默认情况下,带有“新外观”的更新(例如查看应用的过滤器和新的过滤器窗格)是可用的。...分析窗格 “分析”窗格是经常被忽略但隐藏了一些有用功能的Power BI功能之一。它使您可以简单地向表中添加某些计算的元素,即平均值,中位数,常数和百分位数。
导航栏 导航栏出现在应用程序屏幕顶部的状态栏下方,并可以通过一系列分层屏幕进行导航。当显示新屏幕时,通常标有前一屏幕标题的后退按钮出现在栏的左侧。...有时,导航栏的右侧包含一个控件,如编辑或完成按钮,用于管理活动视图中的内容。在拆分视图中,导航栏可能会出现在拆分视图的单个窗格中。...大标题 当您需要特别强调上下文时,请使用较大的标题。在一些应用程序中,大标题的大胆大胆的文字可以帮助人们浏览和搜索。例如,在标签布局中,大标题可以帮助澄清活动选项卡,并在用户滚动到顶部时通知用户。...虽然Clock应用程序具有标签式布局,但是大型标题是不必要的,因为每个标签都有一个不同的,可识别的布局。有关开发人员的指导,请参阅prefersLargeTitles。...导航栏控件 避免拥挤导管栏的控制太多。通常,导航栏不应包含视图的当前标题,后退按钮和管理视图内容的一个控件。如果您在导航栏中使用分段控件,则该栏不应包含标题或除分段控件之外的任何控件。
DisplayVerticalScrollBar = False '隐藏 .DisplayVerticalScrollBar = True '取消隐藏 End With 滚动一行或一列 示例代码: '设置距离窗格或窗口顶部的特定行...'设置距离顶部行5行 ActiveWindow.ScrollRow= 5 '设置距离窗格或窗口最左侧的特定列 '设置距离最左侧列8列 ActiveWindow.ScrollColumn= 8 如果活动窗口没有被拆分成窗格...如果活动窗口被拆分成窗格且没有冻结,那么ScrollRow和ScrollColumn属性引用第1个窗格,即窗口左上方的窗格(如果拆分成4个窗格的话),或者窗口左侧或上方的窗格(如果拆分成2个窗格的话)。...如果要指定滚动的窗格,可以使用类似下面的语句,例如,在第2个窗格中滚动到距离最左侧列10列: ActiveWindow.Panes(2).ScrollColumn= 10 如果拆分的窗格被冻结,那么ScrollRow...工作表标签名 2. 工作表索引值(即在工作簿中该工作表标签的位置)。即使工作表被隐藏,其索引值不会改变。如果没有被隐藏的工作表,那么最左侧的工作表标签是工作簿中的第1个工作表,其索引值为1。 3.
本章将讨论 Bootstrap 中的一些可能会派上用场的辅助类。 文本 以下不同的类展示了不同的文本颜色。...如果文本是个链接鼠标移动到文本上会变暗: 类 描述 实例 .bg-primary 表格单元格使用了 "bg-primary" 类 尝试一下 .bg-success 表格单元格使用了 "bg-success...使用带有 class caret 的 元素得到该功能。...请查看 Bootstrap 导航栏。 内容居中 使用 class center-block 来居中元素。...label 标签都带有 class sr-only,因此标签将只对屏幕阅读器可见。
表格是用于展示和组织数据的常见元素,它们通常由行和列组成,每个单元格中包含信息。Bootstrap 提供了一系列表格样式,使表格看起来漂亮、一致且易于阅读。... 元素:这是表格的表头单元格,用于定义列名。 元素:这是表格的主体部分,包含实际数据。 元素:这是表格的数据单元格,用于包含具体数据。...Bootstrap 提供了多种菜单组件,如导航栏、下拉菜单和标签页,以满足不同导航需求。 Bootstrap 导航栏的基本结构 导航栏是网页顶部的常见导航元素,通常包含网站的标志、链接和其他导航项。... 在这个示例中,我们创建了一个带有下拉菜单的导航栏项。...标签页 标签页是一种常见的导航元素,用于切换不同页面或内容。Bootstrap 提供了标签页组件,使您可以轻松创建标签页导航。
对分视图控制器包含广泛的对象和视图,诸如: 表格,图像,地图,文本,网络,或自定义视图 导航栏,工具栏,或标签栏 注意 即使左侧窗格通常被称为主窗格,右侧窗格被称为详情窗格,但在代码中并没有强制固定这种从属关系...避免创建一个比主窗格更窄的详情窗格。如果右侧详情窗格比左侧主窗格窄,对分视图控制器将不能占满整个屏幕,产生视觉不平衡的整体效果。 避免在两侧窗格中都同时展示导航栏。...这样会让用户很难分清这两个窗格的从属关系。 一般来说,始终显示左侧主窗格中当前选中的项。尽管右侧窗格中的内容会变化,但它应当始终保持着与当前选中窗格的相关性。...这样的体验有助于用户理解左侧窗格项与右侧窗格内容的关系。 合适的话,给用户提供不止一种获取主窗格的方式。...默认情况下,竖屏方向时只会展示右侧窗格,因此你需要向用户提供一个按钮(通常位于导航栏上)来让用户唤起和隐藏主窗格。对分视图控制器也支持轻扫手势来执行呼出和隐藏的动作。
使用带有特殊格式的误差线。 可以想到三种创建子弹图的方法。 使用列或条形“三明治”,这是本文介绍的方法。 使用没有“三明治”的柱形或条形。 使用XY图。...单元格D13包含填充暗条顶部和OK数量顶部之间的间隙所需的数量。...在上图1所示工作表单元格B9中输入的值2指向中间的类别2。 4.选择其中一条网格线,按Ctrl+1启动其格式设置窗格。在线条颜色选项卡中,选择无线条。...8.选择其中一柱形并指定与上面显示的子弹图颜色相对应的颜色。完成每种颜色的分配后,图表应如下图4所示。 图4 9.因为我们不需要X轴标签,只需选择X 轴并按Delete。...在XY(散点)选项卡中,选择“带直线的散点图”,如下图6所示。 图6 12.将系列4移动到主坐标轴。首先确保选择了系列4,然后按 Ctrl+1 启动“设置数据系列格式”窗格。
题图:by thefolkpr0ject from Instagram 阅读文本大概需要 4 分钟。 在《论语》中,孔子提倡“学而不思则罔,思而不学则殆”的学习方法。...01 元素面板 通过元素(Element)面板,我们能查看到想抓取页面渲染内容所在的标签、使用什么 CSS 属性(例如:class="middle")等内容。...鼠标移动到节点,然后右击鼠标,选择 “Copy”,能快速复制出 Xpath 、CSS elector 等内容解析库的解析语句。 ?...其中的 Filters 窗格,我经常使用其来过滤出一些 HTTP 请求,例如过滤出使用 Ajax 发起的异步请求、图片、视频等。...最大的窗格叫 Requests Table,此表格会列出了检索的每一个 HTTP 请求。 默认情况下,此表格按时间顺序排序,最早的资源在顶部。点击资源的名称可以显示更多信息。 ?
要查看屏幕上不再显示的某些旧消息,请滚动到日志窗口,然后按F7进入回滚历史记录。您可以使用Up/ Down和PageUp/ PageDown来浏览回滚历史记录。完成后,按ENTER。...F3并F4在窗口列表中向左和向右滚动。 CTRL+SHIFT+F3/F4 通过窗口列表左右移动窗口。 F8 重命名列表中的当前打开窗口。 F7 允许您在当前窗口中查看回滚历史记录。...将窗口拆分为至少两个窗格后,使用SHIFT+LEFT/RIGHT/UP/DOWN或在它们之间导航SHIFT+F3/F4。这允许您在一个窗格中运行命令,然后移动到另一个窗格以运行其他命令。...您可以CTRL+F3/F4分别使用向上或向下移动当前窗格来重新排序窗格。 SHIFT+ALT+LEFT/RIGHT/UP/DOWN允许您操纵当前所选窗格的宽度和高度。...CTRL+F3/F4 分别向上或向下移动当前窗格。 SHIFT+ALT+LEFT/RIGHT/UP/DOWN 调整当前窗格的大小。 SHIFT+F11 切换窗格以暂时填充整个窗口。
如果网格包含带有用于选择行的复选框的列,则该键可以用作在焦点不在复选框时勾选框的快捷方式。 Control + A: 选择所有单元格。...如果焦点位于网格中的第一个单元格上,则焦点不会移动。 Down Arrow: 将焦点向下移动一个单元格。可选地,如果焦点位于列中的底部单元格上,则焦点可能会移动到下一列的顶部单元格。...如果焦点位于网格中的最后一个单元格上,则焦点不会移动。 Up Arrow: 将焦点向上移动一个单元格。可选地,如果焦点位于当前列的顶部单元格上,则焦点可能会移动到前一列的最后一个单元格。...例如如果一个单元格包含一个按钮,网格导航键在单元格上放置焦点,而不是按钮上,屏幕阅读器会朗读出按钮的标签,但不会告知用户存在一个按钮。...如果在用户界面中有一个元素是网格的标签,在网格元素上设置 aria-labelledby 属性,该属性的值指向该标签元素。否则,使用 aria-label为网格元素指定一个标签。
一、导航栏(Navigation Bars) 导航栏出现在页面的顶部,位于状态栏下方,可以给一系列层级页面进行导航。当点击进入新页面时,其导航栏的左侧会出现一个返回按钮,并带有前一页面的标题。...有时,导航栏的右侧也会有一个控件,如“编辑”或“完成”按钮,用于管理活动视图中的内容。在拆分视图中,导航栏可能会显示在拆分视图的单个窗格中。...大标题绝对不能与内容竞争,但是在某些应用中,大标题的粗体会帮助人们浏览和搜索时进行快速定位。例如:在选项卡式布局中,大标题有助于说明活动选项卡,并指示用户何时已滚动到顶部。...如果你认为没有到当前屏幕的完整路径,因此导致用户迷路,那么可以调整APP的层次结构,使其更加扁平。 给带有标题的按钮留出足够的空间。...它提供了应用程序的导航,在侧边栏中选择一项可以使人们导航到特定的内容。例如,“邮件”中的边栏显示所有邮箱的列表。人们可以选择一个邮箱来访问其邮件列表,然后选择要显示在内容窗格中的特定邮件。
下面是一个例子:界面顶部是一个图形,而底部是控制图像输出的 3 列控件。 ?...一个导航列表将诸多组件展示为侧边栏而不是使用标签。而且它还支持节标题以及长列表分隔符。下面是一个例子: ?...函数的作用是:创建一个顶部带有标准引导导航条的应用程序。例如: ?...footer 标签或标签列表显示为一个通用的页脚下面的所有标签面板。 inverse “TRUE”表示导航栏使用深色背景和浅色文本。...固定系统默认占用940像素的固定宽度,当引导响应式布局启动时(例如在平板电脑上),可能会假定其他宽度。 以下部分是官方Bootstrap 3网格系统文档的翻译,其中HTML代码被 R 代码取代。
导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开。在 Bootstrap 导航栏的核心中,导航栏包括了站点名称和基本的导航定义样式。...导航元素 描述:进行首页导航栏的菜单进行设置,导航菜单与下拉菜单使用相似的语法; 默认情况下,列表项的锚与一些数据属性协同合作来触发带有 .dropdown-menu class的无序列表。...#黑色导航栏样式,创建一个带有黑色背景白色文本的反色的导航栏 .navbar-fixed-top #导航栏固定在页面的顶部 .navbar-fixed-bottom .navbar-static-top...标签 (导航链接) .navbar-collapse #响应式的导航栏必须使用Bootstrap 折叠(Collapse)插件,并且折叠的内容必须包裹在其中 .nav # ul 标签 无序列表向导航栏添加链接...#a标签 使用 .alert-link 实体类来快速提供带有匹配颜色的链接。
至于导航图,日程的目的地页面现在是双窗格 Fragment,而每个窗格中可以展示的目的地都已经被迁移到新的导航图中了。...不过,我们不能直接从会议列表导航到会议详情,因为两者如今已经被放到了不同的窗格中,也就是存在于不同的导航图里。...由于双窗格 Fragment 中的各个目的页面已经不属于应用主导航图的一部分了,因此我们无法通过按设备上的后退按钮在窗格内自动向后导航,也就是说,我们需要实现这个功能。...这个回调会监听滑动窗格的移动以及关注各个窗格导航目的页面的变化,因此它能够评估下一次按下返回键时应该如何处理。...如今此方法行不通了,因为在那种情况下,带有这些限定符的布局或是其他资源文件都会被按照整屏幕宽度解析,但事实上我们只关心那个特定窗格的宽度。 要实现这一特性,请参阅搜索 布局 的应用栏部分代码。
F10 从功能区移至活动视图或窗格并返回功能区。 Ctrl+Tab 或 Alt+F7。将出现一个窗口,其中显示了工程中的活动窗格和视图。使用方向键可移至要激活的视图或窗格。按 Enter 键。...更改活动视图或窗格。 Ctrl+F6 更改活动视图。 Ctrl+F4 关闭视图。 动画 用于动画的键盘快捷键 键盘快捷键 操作 Ctrl + 右箭头 移动到下一关键帧。...“内容”窗格 内容窗格的键盘快捷键 键盘快捷键 操作 Esc 将键盘焦点从内容窗格返回到地图。 减号 (-) 或左箭头键 折叠所选项目。 加号 (+) 或右箭头键 展开所选项目。...在内容窗格中选择多个图层。 Ctrl+L 当布局为活动视图时,锁定或解锁在内容窗格中选择的项目。 Ctrl+Shift+L 当布局为活动视图时,请在内容窗格中锁定或解锁该级别上的所有项目。...表 使用表时适用的键盘快捷键 键盘快捷键 操作 Ctrl+T 或 Ctrl + 双击图层或表名称 打开内容窗格中所选图层或独立表的属性表。 Ctrl+F4 关闭活动的表。
领取专属 10元无门槛券
手把手带您无忧上云