当前位置: 首页 > 编程笔记 >

在Bootstrap Pager中使用.disabled获得柔和的外观

欧阳哲
2023-03-14
本文向大家介绍在Bootstrap Pager中使用.disabled获得柔和的外观,包括了在Bootstrap Pager中使用.disabled获得柔和的外观的使用技巧和注意事项,需要的朋友参考一下

要使禁用类具有柔和的外观,您可以尝试运行以下代码-

示例

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <h3>Answers</h3>
      <br>
      <ul class = "pagination pagination-lg">
         <li><a href = "#">Q1</a></li>
         <li><a href = "#">Q2</a></li>
         <li><a href = "#">Q3</a></li>
         <li><a href = "#">Q4</a></li>
         <li><a href = "#">Q5</a></li>
         <li><a href = "#">Q6</a></li>
      </ul>
      <ul class = "pager">
         <li class = "previous disabled"><a href = "#">← Older</a></li>
         <li class = "next"><a href = "#">Newer →</a></li>
      </ul>
   </body>
</html>
 类似资料:
  • 一个非常精巧的javascript实现的 Bootstrap 分页插件,您不需要依赖任何第三方类库,只需要通过简单的引用调用,即可实现动态显示Bootstrap分页组件。

  • 当我们要设计出柔和的色彩组合时,使用没有高度对比的明色,是最明智不过的了。桃色在无言的调色板上传达出诱人、甜美的色彩讯息,非常适合任何场所,无论是在餐厅,展示商品的店里,还是在流行服饰中,这类色彩都展现出可爱、迷人的一面。和紫色、绿色搭配起来,虽然色彩渐趋柔和,但是另一番奇幻的神韵却油然而生,成为一种二次色的配色设计。 居室内的装潢,如果采用这类轻柔、缓和的色彩来设计,往往是非常理想的,因为这类色

  • 我有一个列有几个项目的垂直列表。每个项目都是用FlexBox制作的两列布局。左列具有固定的宽度。右列包含任意文本,应占用所有可用空间。 当窗口变窄时,我仍然想要一个两列布局。在这里,第二列应该变小,里面的文本应该换行。 当窗口变得更窄时(第二列的大小与第一列大致相同),我希望第二列移动到第一列的下面。 我只是给第一列一个固定的宽度,并在容器上放置。问题是,当右列中的文本超过一行时,flex-wra

  • 问题内容: 在Python中获取当前系统状态(当前CPU,RAM,可用磁盘空间等)的首选方式是什么?* nix和Windows平台的奖励积分。 似乎有几种方法可以从我的搜索中提取出来: 使用PSI之类的库(目前似乎尚未积极开发并且在多个平台上不受支持)或pystatgrab之类的库(自2007年以来一直没有活动,它似乎也不支持Windows)。 使用特定于平台的代码,例如对于* nix系统使用a

  • 问题内容: 我正在使用Netbeans 7.1 IDE编写Java 7。从Java 1.7包开始,他们在应用程序中使用了新主题。 我该怎么做才能使应用程序的主题与操作系统中的主题完全相同(即,如果我使用Ubuntu,我希望程序的外观与Ubuntu的外观相同)? 问题答案: 我觉得这对SO来说更是一个问题,但总之,您应该尝试类似的方法: