Question

我是编程的新手，我正在尝试为行的左侧有“客户端”的表创建“客户端列表”示例行，并且“编辑”和“删除”图标为在960宽度的同一行的最右边。我正在使用bootstrap 2.3.2，稍后我将使用jquery传播列表。我无法弄清楚如何使图标变色（或者hss应该是什么样的html）。这是我到目前为止的html：

<html lang="en">
<head>
    <meta charset="utf-8">
<title>table</title>

<link rel="stylesheet" type="text/css" href="assets/css/reset.css">

   <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
   <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="assets/css/global.css">    
   <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
   <script src="http://code.jquery.com/jquery.js"></script>
   <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>



<meta name="description" content="">

</head>


    <body>
    <table class="table">
        <tbody>
                <tr>
                    <td>Hadley, Bump </td>
      <td>
        <i class="pull-right icon-trash"></i>
        <i class="pull-right icon-pencil"></i>
      </td>
      </tr>
  </tbody>
 </table>
</body>
 </html>

非常感谢你的帮助!!

Answer 1

将你的HEAD添加（你最终应该将其作为外部样式表，加载其他样式表）：

<style>
.icon-trash {
     color:#ff0000; <-- any hex colour code.
}
</style>

使用不同颜色的glyphicons创建表行

1 个答案: