让 bootstrap col 发挥作用

2024-06-24

我有一组链接,我想均匀地间隔开它们,这些链接也应该是移动响应的。我似乎无法让他们加入公司。

what it looks like now code associated with it:

ul#menu {
  padding: 0;
}
ul#menu li {
  display: inline;
}
ul#menu li a {
  color: #00619b;
  padding: 10px 20px;
  text-decoration: none;
}
ul#menu li a:hover {
  background-color: orange;
}
span.voiceIconTitles {
  font-weight: bold;
  font-size: 15px;
}
<ul id="menu">
  <div class="row">
    <li>
      <a href="#" data-toggle="modal" data-target="#VoicemailModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-14.png"><span class="voiceIconTitles">Voicemail</span>
      </a>
      <div id="VoicemailModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Voicemail</h4>
            </div>
            <div class="modal-body">
              <p>It's your own personal answering service. Now callers can leave messages for you when your line is busy, when you're way from home, or when you just can't make it to the phone. Whenever you hear a stutter dial tone on your home phone line,
                it means you have a new message.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#ForwardinglModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-1.png"><span class="voiceIconTitles">All Call Forwarding</span>
      </a>
      <div id="ForwardinglModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">All Call Forwarding</h4>
            </div>
            <div class="modal-body">
              <p>Forward incoming calls to another number when you're away from home so that you won't miss important calls.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#VIPModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-2.png"><span class="voiceIconTitles">VIP Ringing</span>
      </a>
      <div id="VIPModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">VIP Ringing</h4>
            </div>
            <div class="modal-body">
              <p>A distinctive ring identifies calls from numbers that you select.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#RepeatDialingModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-4.png"><span class="voiceIconTitles">Repeat Dialing*</span>
      </a>
      <div id="RepeatDialingModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Repeat Dialing</h4>
            </div>
            <div class="modal-body">
              <p>Repeat Dialing allows you to automatically redial a busy number for you and then notifies you when the number is no longer busy so you can get through.
                <br />* This service is a pay per use service only. You will incur a charge of 90 cents each time you use it for a maximum charge of $9.00 per month for Repeat Dialing usage. Voice Online Manager Scroll to Explore International Calling International
                Call</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#CallWaitingModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-5.png"><span class="voiceIconTitles">Call Waiting</span>
      </a>
      <div id="CallWaitingModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Call Waiting</h4>
            </div>
            <div class="modal-body">
              <p>Don't miss an important call just because you're on the phone. With Call Waiting from Charter Spectrum Voice, a soft beep will let you know another person is calling you.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#SelectiveCallModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-6.png"><span class="voiceIconTitles">Selective Call Forwarding</span>
      </a>
      <div id="SelectiveCallModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Selective Call Forwarding</h4>
            </div>
            <div class="modal-body">
              <p>Forward incoming calls coming from only a select group of phone numbers.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
  </div>
  <div class="row">
    <li>
      <a href="#" data-toggle="modal" data-target="#SpeedDialModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-7.png"><span class="voiceIconTitles">Speed Dial</span>
      </a>
      <div id="SpeedDialModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Speed Dial</h4>
            </div>
            <div class="modal-body">
              <p>No need to memorize phone numbers when you can program up to 8 numbers for fast, one-digit dialing.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#VoiceOnlineModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-15.png"><span class="voiceIconTitles">Voice Online Manager</span>
      </a>
      <div id="VoiceOnlineModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Voice Online Manager</h4>
            </div>
            <div class="modal-body">
              <p>Manage your home phone from anywhere, at home or on the go with Voice Online Manager, available at no extra cost for customers with Charter Spectrum Voice.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#CallerIDModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-8.png"><span class="voiceIconTitles">Caller ID</span>
      </a>
      <div id="CallerIDModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Caller ID</h4>
            </div>
            <div class="modal-body">
              <p>With Caller ID from Charter Spectrum Voice, any incoming caller's phone number and name, if available, are displayed on a caller ID unit before you answer the call.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#BlockAnonModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-9.png"><span class="voiceIconTitles">Block Anonymous Calls</span>
      </a>
      <div id="BlockAnonModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Block Anonymous Calls</h4>
            </div>
            <div class="modal-body">
              <p>Reject calls from anyone whose caller ID information is blocked. Callers will automatically receive a message that you're not accepting Caller ID Blocked calls and will be advised to unblock their number and try their call again.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#AcceptSelectedModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-10.png"><span class="voiceIconTitles">Accept Selected Callers</span>
      </a>
      <div id="AcceptSelectedModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Accept Selected Callers</h4>
            </div>
            <div class="modal-body">
              <p>Limit incoming calls to selected designated numbers and route all other incoming calls to a polite message stating calls are not being accepted at this time.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
  </div>
  <div class="row">
    <li>
      <a href="#" data-toggle="modal" data-target="#CallWaitingWithIDModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-11.png"><span class="voiceIconTitles">Call Waiting with Caller ID</span>
      </a>
      <div id="CallWaitingWithIDModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Call Waiting with Caller ID</h4>
            </div>
            <div class="modal-body">
              <p>When you're on the phone and someone else is calling, it's nice to know who it is. Call Waiting with Caller ID from Charter Spectrum Voice allows you to see who's calling and you can decide whether or not to answer it.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#BlockUnwantedCallersModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-12.png"><span class="voiceIconTitles">Block Unwanted Callers</span>
      </a>
      <div id="BlockUnwantedCallersModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Block Unwanted Callers</h4>
            </div>
            <div class="modal-body">
              <p>Charter Spectrum Voice lets you automatically route designated numbers to a polite message stating that calls are not being accepted at this time.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
    <li>
      <a href="#" data-toggle="modal" data-target="#3WayModal">
        <img src="http://buildsite1.com/charter/wp-content/uploads/2016/04/Icon-13.png"><span class="voiceIconTitles">3-Way Calling</span>
      </a>
      <div id="3WayModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">3-Way Calling</h4>
            </div>
            <div class="modal-body">
              <p>With 3-Way Calling, you can speak to two different parties at the same time. Additionally, you can also place one party on hold while you speak privately to the other, and then return to the 3-Way call.</p>
            </div>
          </div>
        </div>
      </div>
    </li>
  </div>
</ul>

As you can see in the picture there all uneven, this is what it should look like(psd img), It doesn't have to be 7 across. Correct Look from PSD


由于您有 14 个元素(假设这是固定数量),因此您不能使用 Bootstrap 网格系统,除非您使用 4+4+3 元素或 6+6+2 制作三行。 否则,您可以将列表放入行中,如下所示,并使用 Bootstrap 类.list-inline对于 Bootstrap 3.x 内联列表:

<div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12">
        <ul class="list-inline">
            <li>/* 7 <li> elements */</li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12">
        <ul class="list-inline">
            <li>/* 7 <li> elements */</li>
        </ul>
    </div>
</div>

请记住.row向 div 添加填充,您的修复也是如此。

如果你想使用Grid系统,可以使用以下代码:

<div class="row">
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
</div>
<div class="row">
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-2">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
</div>
<div class="row">
    <div class="col-sm-4 col-sm-offset-2"> /* add offset to center the two elements*/
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
    <div class="col-sm-4 ">
        <a href="#" ...><img ...><span ...> TEXT </span></a>
        <div class="modal fade" ... >MODAL</div>
    </div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

让 bootstrap col 发挥作用 的相关文章

  • 获取外部脚本的源代码(代码)?

    是否可以获取外部脚本的内容作为字符串 相当于myInlineScript textContent 场景是我刚刚开始进入 WebGL 并且我发现所有教程都将着色器存储为内联
  • 允许用户在 HTML5 Canvas 游戏中键入文本

    我正在尝试结合使用 Canvas 和优秀的 KineticJS 库来编写我的第一个 HTML5 游戏 但我很早就遇到了一些困难 我想做的是要求用户在游戏的框中输入他们的名字 做了一些研究后 除了在我正在使用的画布部分上获取浮动 HTML 元
  • Firefox 在构建页面时使白色“闪烁”

    我一直致力于构建一个带有 Flash 幻灯片组件的网站 但我有点困惑 当我在 Firefox 3 6 8 中查看该页面时 它似乎首先下载该页面的内容 并在下载幻灯片时发出白色 闪烁 但是当我在 Safari 中查看页面时 它似乎首先构建页面
  • UIWebview JS 性能比 iOS 6/7 上的移动 safari 慢吗?

    我们最近使用 iOS 应用程序中的大量 JavaScript 库测试了一些 HTML5 内容 该应用程序旨在在 UIWebview 中加载这些内容 本次测试使用了 iOS 6 我的团队没有观察到移动 Safari 浏览器出现任何明显的性能问
  • 使用 jQuery 禁用 CSS 继承

    有没有办法使用 jQuery 或通用 javascript 在块级别禁用 CSS 继承 例如 如果我通过 javascript 拉入外部资源 例如 Pastie org 它们将拥有自己的 CSS 而我的 CSS 会覆盖它们 我想将嵌入代码放
  • javascript 可以从父页面访问 iframe 元素吗?

    我的页面上有 iframe iframe 和父页面位于不同的域中 父页面上的 javascript 代码可以访问此 iframe 内的元素吗 如果页面来自不同的域 则不应该这样做 浏览器安全沙箱应该阻止这种类型的访问 当两个页面来自不同的时
  • PHPExcel - 如何使用 preg_replace 替换文本

    我正在使用 PHPExcel 将数据库中的数据提取到组织好的 Excel 工作表中 除了一件事之外 一切都运转良好 我的数据库条目有时可能包含 HTML 标记 例如 strong strong br p p 等等 所以我设法让这个 PHP
  • 如何使用 Flex 创建自定义马赛克

    我正在尝试使用 Flex 创建一个自定义马赛克 如下所示 除了框 4 的高度和宽度加倍之外 所有框的宽度都是父容器的三分之一 我设法达到以下条件 push group element ul push group element ul li
  • 如何在CSS中水平对齐div

    我在一个容器内有三个子 div 我想水平对齐这些 div 我尝试使用CSSfloat财产 但圆圈正在变成椭圆形 标记代码 div class container info box clearfix div class circle div
  • 强制浏览器打开文件而不是提示下载

    在 Firefox 和 Chrome 中单击 PDF 链接时 有时会打开该文件以在浏览器中查看 有时会提示 另存为 对话框 如果我想强制链接始终提示下载 我可以使用downloadHTML5 属性 然而 我想做相反的事情 IE 强制链接始终
  • 在java中将HTML转换为RTF?

    我需要将 HTML 转换为 RTF 我正在使用以下代码 private static String convertToRTF String htmlStr OutputStream os new ByteArrayOutputStream
  • html/js 中从右到左和/或从上到下的文本?

    如何在浏览器中为用户输入创建从右到左和从上到下的文本字段 有没有本地方法可以做到这一点 或者也许有解决方法 从上到下可能像日语或象形文字 对于 RTL 文本字段 您可以使用 HTMLdir属性 如 ime Vidas 已经提到的 或 wit
  • 如何在 dash/plotly 中使用 iframe? (Python/HTML)

    我正在创建一个仪表板 我想使用这个交互式地图 网站链接 https www ons gov uk peoplepopulationandcommunity healthandsocialcare causesofdeath articles
  • 为什么 jQuery 对损坏标记的解释与浏览器不同?

    我之前已经回答过这个问题 https stackoverflow com a 19101905 1253312 但我并不完全理解why答案是正确的 答案的要点 p p function jqrender html a href http w
  • 设置三个输入数字的最大值

    我有三个输入数字
  • jQuery onclick 隐藏其父元素[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我想隐藏 li tag on a 使
  • 将“http://”添加到尚未包含“http://”的 URL 前面

    我有一个input保存 URL 的字段 我希望这个保存的输入能够识别变量开头不存在 Http 但不知道从哪里开始 是否可以仅检查字符串的一部分 然后有一个在必要时追加的函数 如果您还想允许 https 我会使用如下正则表达式 if http
  • mat-table 自动调整列宽以适应更大的内容

    我有一个垫表 我想自动调整列宽 任何人都将与最长的列内容一样长
  • Javascript - HTML Canvas 上的 Gecko 边框半径自适应(CSS border-radius)

    我试图弄清楚如何将 border radius css 属性的行为重现到 HTML 画布中 所以我已经在 J avascript 中做了一些事情 以便使用特定的半径 对于每个角 来计算给定形状的正确边界 如果需要的话 这是上一个问题 Gec
  • 在用户单击之前图像不会绘制在画布上?

    我使用执行类似以下操作的函数绘制几张图像 context drawImage img width 2 1 height 2 1 width height 我读过 我需要等待图像加载后才能绘制它 如下所示 img onload functio

随机推荐

  • 训练后将保存的 NEAT-Python Genome 应用到测试环境

    我使用了一些 NEAT 算法为一些简单的游戏 例如 flappybird 编写了自己的 AI 代码 一切正常 我知道发生了什么 问题是我不知道如何处理结果 人工智能学到了一些东西 我想保存这个进度 TechwithTim YouTuber
  • 连接别名计算列中的行

    我有两张表 一张名为 Car 一张名为 Mileage 汽车表有以下列 CarName varchar max 里程表有以下列 CarMileage int CarName varchar max TotalGasTrips int 我的代
  • 如何使用 webRTC、node.js 和 socket.io 构建多用户视频聊天 Web 应用程序

    我正在尝试制作一个支持多用户视频聊天的网络应用程序 我读过一篇关于 webrtc 的文章 webrtc 入门 http www html5rocks com en tutorials webrtc basics http www html5
  • TFS 快速错误:工作文件夹 C:\LocalFolder 已在使用中

    我正在使用 VS 2015 并且正在开发一个具有本地工作区的项目C 本地文件夹映射到 服务器文件夹 在某些时候 当我尝试探索源代码管理时 VS 2015 崩溃了 所以我不得不终止 devenv exe 进程 接下来 当我重新打开解决方案时
  • 为什么 Silverlight 内容控件不进行垃圾回收?

    我一直在调查为什么我的一些控件没有被垃圾收集 并注意到很容易防止从 ContentControl 继承的简单控件被破坏 这是一个例子 这是我的自定义内容控件 public class MyCustomControl ContentContr
  • 如何解决颤动错误中的“作为前缀”

    The name LocationAccuracy is defined in the libraries package geolocation geolocation dart package geolocator geolocator
  • 磁盘上可能的最小文件大小是多少?

    我正在尝试找到一种解决方案来将二进制文件存储在磁盘上的最小大小 我正在从 30 字节的数据库中读取车辆 VIN 和车牌号 当我将其放入 txt 文件并保存时 其大小为 30B 但其在磁盘上的大小为 4KB 这意味着如果我保存 100000
  • 自定义对元组向量进行排序

    我有一个元组向量 例如 vector
  • 可并行化 OVER EACH BY

    我一次又一次地遇到这个障碍 JOIN EACH 和 GROUP EACH BY 子句不能用于窗口函数的输出 https stackoverflow com questions 20966816 join each and group eac
  • WebRTC如何处理多对多连接?

    如果我和其他 7 个用户在一个房间里 我想知道 WebRTC 是否强制每个用户与其他每个参与者建立连接 显然 它会消耗 7kb s 7 的下载甚至上传速度 并且如果连接已经很忙 许多连接就无法处理这个问题 相反 使用某种媒体中继 带宽使用量
  • OpenCart 在控制器外部加载模型

    我正在开发一个 OpenCart 项目 该项目需要大量定制 对于我的项目 我必须更改购物车库 system library cart php 中的某些内容 我必须调用在产品模型 catalog model catalog product p
  • Android - 启动画面的淡出动画

    我想为我的启动画面添加淡出动画 即在关闭启动画面时我想带来淡出动画效果 这是我尝试过的代码 overridePendingTransition R anim fade in R anim fade out 但以上只能从2 0开始使用 Ny
  • 使用 Python 图像库 (PIL) 绘制抗锯齿线

    我正在使用 Python 图像库的 ImageDraw line 绘制一堆线条 但它们看起来很可怕 因为我找不到消除锯齿的方法 如何在 PIL 中消除锯齿线 这是一个非常快速地组合在一起的函数 用于用 PIL 绘制一条抗锯齿线 这是我在谷歌
  • 抓取问题:“检查元素”与“查看页面源代码”不同

    我正在尝试对一个网页进行网络抓取 该网页内部包含多个选项卡 当我单击所需的选项卡并显示其内容后 首先出现两个问题 1 网页地址不会更改 并且所有选项卡都相同 2 当我使用浏览器 firefox和chrome 的 查看页面源 查看页面源时 所
  • Terraform 本地执行配置程序中的转义字符

    我想使用链接 Terraform 和 Ansiblelocal exec供给者 然而 由于这需要输入to安西布尔fromTerraform 我被以下复杂的命令困扰 provisioner local exec command sleep 6
  • 文本字段中的 SwiftUI 颜色输入

    我遇到了 SwiftUI 的问题 当用户输入文本字段时 我需要将文本字段中的所有字母设置为红色 将所有数字设置为黑色 假设我有这个代码 TextField A99 text viewModel code padding trailing m
  • 为 d3.js 中的多个元素生成 ClipPaths

    我正在尝试创建部分填充的圆圈 就像最终的 纽约时报 政治大会可视化中的圆圈一样 http www nytimes com interactive 2012 09 06 us politics convention word counts h
  • 从 IsCmdBld.exe 设置 InstallShield 2009 InstallScript 项目的版本

    我对 InstallShield 非常陌生 并且继承了一个 InstallScript 项目 我已经找到了解决办法并解决了大部分问题 但是 我希望在每次构建产品时在我们的构建服务器上自动构建该项目 我这个工作正常 但由于某种原因 我无法增加
  • 如何在Spring Boot中设置@Cacheable的过期时间?

    我在 Spring Boot 应用程序中有以下缓存实现 它工作正常 没有任何问题 但是 我想定义这种方法的过期时间 是否可以设置过期时间 Cacheable 我看着到期时间 Cacheable弹簧靴 https stackoverflow
  • 让 bootstrap col 发挥作用

    我有一组链接 我想均匀地间隔开它们 这些链接也应该是移动响应的 我似乎无法让他们加入公司 code associated with it ul menu padding 0 ul menu li display inline ul menu