Html 响应表引导_Html_Twitter Bootstrap_Css

Html 响应表引导

html twitter-bootstrap css

Html 响应表引导,html,twitter-bootstrap,css,Html,Twitter Bootstrap,Css,好的，我想让这张桌子反应灵敏，整齐地放在第一行内容的右侧，这是“信息图表显示惊奇漫画超级英雄的服装变化” 周末票房前十名 1. 壮丽的七 3470万美元 2. 鹳 2130万美元 3. 败坏 1350万美元 4. 布里吉特·琼斯的孩子 470万美元 5. 斯诺登 410万美元 6. 布莱尔女巫 410万美元 7. 不要呼吸 380万美元 8. 自杀队 310万美元 9 当树枝折断时 250万美元 10 久保与二弦琴 110万美元到目前为止，我试过： <aside cl

好的，我想让这张桌子反应灵敏，整齐地放在第一行内容的右侧，这是“信息图表显示惊奇漫画超级英雄的服装变化”


周末票房前十名
1.
壮丽的七
3470万美元
2.
鹳
2130万美元
3.
败坏
1350万美元
4.
布里吉特·琼斯的孩子
470万美元
5.
斯诺登
410万美元
6.
布莱尔女巫
410万美元
7.
不要呼吸
380万美元
8.
自杀队
310万美元
9
当树枝折断时
250万美元
10
久保与二弦琴
110万美元

到目前为止，我试过：

        <aside class="col-lg-4 col-md-5 col-lgpush-3 col-sm-push-4"">
<div class="table-responsive">
<table >

 <thead>
  <tr>
  <th colspan="3"> WEEKEND BOX OFFICE TOP 10</th>
  </tr><!-- Table Header -->
    </thead>
    <tbody>
<tr> <!-- Table Row -->
<td>1.</td>
<td colspan="3">The Magnificent Seven</td>
<td>$34.7M</td>
</tr>
  <tr class='even'>
  <td>2.</td>
  <td colspan="3">Storks</td>
  <td>$21.3M</td>
  </tr><!-- Darker Table Row -->

  <tr class='even'>
  <td>3.</td>
  <td colspan="3">Sully</td>
  <td>$13.5M</td>
  </tr>
    <tr class='even'>
  <td>4.</td>
  <td colspan="3">Bridget Jones's Baby</td>
  <td>$4.7M</td>
  </tr>
    <tr class='even'>
  <td>5.</td>
  <td colspan="3">Snowden</td>
  <td>$4.1M</td>
  </tr>
    <tr class='even'>
  <td>6.</td>
  <td colspan="3">Blair Witch</td>
  <td>$4.1M</td>
  </tr>
    <tr class='even'>
  <td>7.</td>
  <td colspan="3">Don't Breathe</td>
  <td>$3.8M</td>
  </tr>
    <tr class='even'>
  <td>8.</td>
  <td colspan="3">Suicide Squad</td>
  <td>$3.1M</td>
  </tr>
   <td>9.</td>
  <td colspan="3">When the Bough Breaks</td>
  <td>$2.5M</td>
  </tr>
   <td>10.</td>
  <td colspan="3">Kubo and the Two Strings</td>
  <td>$1.1M</td>
  </tr>
    </tbody>
</table>
</div>
</aside>


你小提琴中的HTML不正确。您忘记了几个标记。
对于table responsive
类，您必须将table
类赋予
类
JSFIDDLE：

周末票房前十名
1.
壮丽的七
3470万美元
2.
鹳
2130万美元
3.
败坏
1350万美元
4.
布里吉特·琼斯的孩子
470万美元
5.
斯诺登
410万美元
6.
布莱尔女巫
410万美元
7.
不要呼吸
380万美元
8.
自杀队
310万美元
9
当树枝折断时
250万美元
10
久保与二弦琴
110万美元
您的行结构是否良好？表元素超级英雄必须使用表响应类
        <aside class="col-lg-4 col-md-5 col-lgpush-3 col-sm-push-4"">
<div class="table-responsive">
<table >

 <thead>
  <tr>
  <th colspan="3"> WEEKEND BOX OFFICE TOP 10</th>
  </tr><!-- Table Header -->
    </thead>
    <tbody>
<tr> <!-- Table Row -->
<td>1.</td>
<td colspan="3">The Magnificent Seven</td>
<td>$34.7M</td>
</tr>
  <tr class='even'>
  <td>2.</td>
  <td colspan="3">Storks</td>
  <td>$21.3M</td>
  </tr><!-- Darker Table Row -->

  <tr class='even'>
  <td>3.</td>
  <td colspan="3">Sully</td>
  <td>$13.5M</td>
  </tr>
    <tr class='even'>
  <td>4.</td>
  <td colspan="3">Bridget Jones's Baby</td>
  <td>$4.7M</td>
  </tr>
    <tr class='even'>
  <td>5.</td>
  <td colspan="3">Snowden</td>
  <td>$4.1M</td>
  </tr>
    <tr class='even'>
  <td>6.</td>
  <td colspan="3">Blair Witch</td>
  <td>$4.1M</td>
  </tr>
    <tr class='even'>
  <td>7.</td>
  <td colspan="3">Don't Breathe</td>
  <td>$3.8M</td>
  </tr>
    <tr class='even'>
  <td>8.</td>
  <td colspan="3">Suicide Squad</td>
  <td>$3.1M</td>
  </tr>
   <td>9.</td>
  <td colspan="3">When the Bough Breaks</td>
  <td>$2.5M</td>
  </tr>
   <td>10.</td>
  <td colspan="3">Kubo and the Two Strings</td>
  <td>$1.1M</td>
  </tr>
    </tbody>
</table>
</div>
</aside>

<div class="table-responsive">
    <table class="table">

        <thead>
            <tr>
                <th colspan="3 "> WEEKEND BOX OFFICE TOP 10</th>
            </tr><!-- Table Header -->
        </thead>
        <tbody>
            <tr> <!-- Table Row -->
                <td>1.</td>
                <td colspan="3 ">The Magnificent Seven</td>
                <td>$34.7M</td>
            </tr>
            <tr class='even'>
                <td>2.</td>
                <td colspan="3 ">Storks</td>
                <td>$21.3M</td>
            </tr><!-- Darker Table Row -->

            <tr class='even'>
                <td>3.</td>
                <td colspan="3 ">Sully</td>
                <td>$13.5M</td>
            </tr>
            <tr class='even'>
                <td>4.</td>
                <td colspan="3 ">Bridget Jones's Baby</td>
                <td>$4.7M</td>
            </tr>
            <tr class='even'>
                <td>5.</td>
                <td colspan="3 ">Snowden</td>
                <td>$4.1M</td>
            </tr>
            <tr class='even'>
                <td>6.</td>
                <td colspan="3 ">Blair Witch</td>
                <td>$4.1M</td>
            </tr>
            <tr class='even'>
                <td>7.</td>
                <td colspan="3 ">Don't Breathe</td>
                <td>$3.8M</td>
            </tr>
            <tr class='even'>
                <td>8.</td>
                <td colspan="3 ">Suicide Squad</td>
                <td>$3.1M</td>
            </tr>
            <tr>
                <td>9.</td>
                <td colspan="3 ">When the Bough Breaks</td>
                <td>$2.5M</td>
            </tr>
            <tr>
                <td>10.</td>
                <td colspan="3 ">Kubo and the Two Strings</td>
                <td>$1.1M</td>
            </tr>
        </tbody>
    </table>
</div>