1行ごとに色を変える | Bootstrapでホームページを作る - 北海道苫小牧市のホームページ制作 STUDIO KEY

table-striped

タイトルどおり、１行ごとに色を変更します。これはとっても便利。

thead	thead	thead	thead	thead
text	text	text	text	text
text	text	text	text	text
text	text	text	text	text
text	text	text	text	text
text	text	text	text	text

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

<table class="table table-bordered table-striped">
  <thead>
    <tr>
      <td>thead</td>
      <td>thead</td>
      <td>thead</td>
      <td>thead</td>
      <td>thead</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
  </tbody>
</table>