- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我很难弄清楚这一点。目前,正如您在下面看到的,我在图片下方有链接。
我希望当用户使用移动版网站时,这些链接位于内容下方而不是图片下方。
如有任何帮助,我们将不胜感激。
谢谢
更新
以下是页面的html。我使用的 css 来自 bootstrap:
<div class="row">
<aside class="col-lg-offset-1 col-lg-2 col-md-3 col-sm-3 col-xs-12">
<span class="editableObject editableComponent" style="display: block; width: 181px; float: none;"><span class="editableObjectContents" style="display: block; width: 181px; float: none;">
<p><img alt="About Us" height="220" src="/assets/Image/about-us.jpg" width="220"></p></span>
<ul class="editableObjectControl">
<li class="edit"><a href="/admin/?muraAction=cArch.edit&contenthistid=4F3181C1-155D-0201-110389B72699E8CC&siteid=Regal-en-us&contentid=FB628EF2-155D-0201-11F363089D9B2CE8&topid=00000000000000000000000000000000001&type=Component&moduleid=00000000000000000000000000000000003&parentid=00000000000000000000000000000000003&compactDisplay=true&homeID=80EAE971-155D-0201-113C16061274FBBA" data-configurator="false" title="Edit" class="frontEndToolsModal"></a></li>
</ul>
</span><nav id="navStandard" class="mura-nav-standard well">
<ul class="nav nav-list">
<li class="first"><a href="/index.cfm/about-us/our-awards/">Our Awards</a></li>
<li><a href="/index.cfm/about-us/compliance-and-resources/">Compliance and Resources</a></li>
<li><a href="/index.cfm/about-us/our-contracted-hospitals/">Our Contracted Hospitals</a></li>
<li><a href="/index.cfm/about-us/our-health-plans/">Our Health Plans</a></li>
<li><a href="/index.cfm/about-us/our-leaders/">Our Leaders</a></li>
<li><a href="/index.cfm/about-us/our-mission-and-history/">Our Mission and History</a></li>
<li class="last"><a href="/index.cfm/about-us/our-organization-and-offices/">Our Organization and Offices</a></li> </ul> </nav>
</aside><!-- /.span -->
<section class="col-lg-8 col-md-9 col-sm-9 col-xs-12 content">
<nav class="hidden-xs"><ol itemscope="" itemtype="http://schema.org/BreadcrumbList" id="crumblist" class="mura-breadcrumb breadcrumb breadcrumb">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="first"><a itemprop="item" href="/"><span itemprop="name">Home</span></a><meta itemprop="position" content="1"></li><li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="last"><a itemprop="item" href="/index.cfm/about-us/"><span itemprop="name">About Us</span></a><meta itemprop="position" content="1"></li>
</ol></nav>
<h1 class="pageTitle"><div class="mura-editable inactive inline">
<label class="mura-editable-label">TITLE</label>
<div contenteditable="false" id="mura-editable-attribute-title" class="inactive mura-editable-attribute inline" data-attribute="title" data-type="text" data-required="true" data-message="" data-label="title">About Us</div>
</div></h1>
<div class="mura-editable inactive">
<label class="mura-editable-label">BODY</label>
<div contenteditable="false" id="mura-editable-attribute-body" class="inactive mura-editable-attribute" data-attribute="body" data-type="htmlEditor" data-required="false" data-message="" data-label="body"><p>Group has been providing quality, innovative healthcare to Los Angeles, Riverside, San Bernardino, Ventura and Orange Counties for more than 35 years. With the largest physician-owned network in Southern California, more than half a million people and their families have selected us to deliver their healthcare.</p>
<p>We have doctors in your community who speak your language and understand your culture. As a result of the high quality of care our doctors provide, we are a 4.5 STAR network as measured by the Centers for Medicare & Medicaid Services.</p>
<p>At Regal Medical Group, we take a whole-health approach to help our patients improve physical, mental, and emotional well-being. We do this by offering value-added services like patient focused programs, health education classes, health fairs, and more!</p></div>
</div>
</section>
</div>
最佳答案
解决此问题的一种非常快速但不优雅的方法是将链接部分打印两次...一次在 visible-xs
中,另一次在 hidden-xs 中
...
<div class="visible-xs">I am the same menu but visible only when extra small devices</div>
<div class="hidden-xs">I am the same menu but hidden only when extra small devices</div>
您发布的代码不清楚,但我假设您使用的是 twitter bootstrap
。
关于html - 将桌面版页面更改为移动版的不同样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38839424/
这显然有可能导致一场激烈的 war ,但无论如何,我试一试……(目前)还没有任何明确的答案。 在我的一台机器上,我确实被切换/升级到 Matlab 2012b。这是一个漂亮的新桌面,好吧。但出于很多原
当我的 Docker 容器启动时,我收到以下通知: Docker Desktop has detected that you shared a Windows file into a WSL 2 co
我希望能够(从服务器)连接到远程 PC 并能够访问其文件。我正在尝试使用 PHP 或 JavaScript 来完成此操作。 所以我想知道 1) 是否可能以及 2) 如何做到。 有人有任何示例/解决方案
我想使用 DirectX 为 Windows 7 制作动画桌面背景。我正在使用 C#、SlimDX 和几个 Windows API 函数的 P/Invoke 导入。我对 native Windows
是否可以为 Mac 开发动态桌面?我所说的“动态”是指其图像采用系统参数(例如时间和作业信息)并使用此信息来更新图像的桌面。有关图像状态的信息也将在 session 之间保留。我不是在谈论电影或随机但
我正在 LibGDX 中构建一个仅限桌面的应用程序。该游戏内置了一个 map 编辑器,您可以切换到并更改游戏 map 。我想添加一个功能,如果用户单击关闭窗口并且有未保存的编辑,它会提示您是否要在关闭
有没有像样的Windows桌面JSON lines (JSONL)格式查看器? 这种格式也称为: 行分隔的 JSON (LDJSON) 换行符分隔的 JSON (NDJSON) 我正在寻找至少能够从
我有一个UITableView,它在单元格中显示大量图像,并且我对滚动性能并不满意。我的 UITableView 类似于 iPhone 上的照片应用程序。有谁知道为什么 iphone 照片应用程序滚动
let img1 = document.createElement('img'); img1.setAttribute('src', 'https://caniuse.com/img/browsers
我在同一窗体上有两个不同的网格控件。它们共享相同的上下文菜单。当我选择上下文菜单项时,我无法确定哪个控件是所有者。 最佳答案 ContextMenuStrip 类的 SourceControl 属性将
我已经安装了 Docker Desktop ( version : 2.3.0.4 ) 并启用了 Kubernetes . 我部署了几个 PODS,一切正常,从昨天开始,我遇到了下面提到的一个奇怪的问
我正在制作需要实现TableView的应用程序。 我想将背景图像应用到桌面 View 。 谁能帮我解决这个问题。我正在使用下面的代码来创建 TableView Titanium.UI.setBackg
我在同一窗体上有两个不同的网格控件。它们共享相同的上下文菜单。当我选择上下文菜单项时,我无法确定哪个控件是所有者。 最佳答案 ContextMenuStrip 类的 SourceControl 属性将
您能建议一些库在我的桌面 Java 应用程序中创建雷达图吗? 谢谢 最佳答案 似乎JFreeChart提供了SpiderWebPlot 。 images for which看起来像雷达图。 关于jav
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: Not possible to launch a file on a network using Java Desk
就目前情况而言,这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放,visit
我想知道是否可以(使用JAVA)识别用于发出请求的计算机类型,例如:服务器、台式机、PDA(平板电脑、手机等)? 谢谢! 最佳答案 取决于您使用什么来接受请求。对于 http 请求,信息位于请求 he
我添加了一个事件处理程序,用于滚动到我的桌面 View ,但它仅在我使用滚轮滚动时才起作用,但我也需要它在您单击并拖动滚动条时起作用。任何想法有什么问题吗?我尝试使用不同的方法来处理该事件,但没有一个
我想开始开发桌面 Java 应用程序,并且我想知道 Java 社区使用什么。 我从 Swing 开始,但发现它非常初级。 我习惯于在 Visual Studio 2010 中使用 .net c# WP
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的,
我是一名优秀的程序员,十分优秀!