使用引导对齐HTML中的文本

样品

结果应该是

 text a b c d
 text2 a b c d
 text3 a b c d

我该怎么做？解决方案可能不依赖于引导。只是为了能看到这样的景色。

HTML

---

使用twitter引导3

.kenos-table {
    width: 100%;
    max-width: 40em;
    border: 1px solid orange;
    border-collapse: collapse; /* key - remove me to see */   
}

.kenos-table th {
    display: none;
}

.kenos-table tr {
    /* - */
}

.kenos-table td {
    width: 20%;
    border: 1px solid gray;
}

textA
A.
B
C
D
textB
A.
B
C
D

---

请参见

您可以使用

table

或

css

float这看起来像是HTML

table

元素的位置。问题就这么简单吗？当然，显示一些真实的内容会使这更容易看到。我不明白

我使用的是bootstrap。解决方案可能不依赖于引导。

@Jukka K.Korpela抱歉，我只是一个初学者。引导只是一个非常复杂、非常大的样式和样式模式集合。如果你刚刚开始，你使用它是在伤害你自己。我建议学习CSS定位基础知识。这是表格数据吗？如果是这样，它应该在

中。如果它只是一个有趣的网格，它可以浮动。那么，到底是哪一个呢？我做过的最好的两件事就是查找框大小：边框框并跳过引导。祝你好运

<table class="kenos-table">

    <th colspan="4">You could have a header if you wanted</th>

    <tr>
        <td>text 1</td>
        <td>a</td>
        <td>b</td>
        <td>c</td>
        <td>d</td>
    </tr>

    <tr>
        <td>text 2</td>
        <td>a</td>
        <td>b</td>
        <td>c</td>
        <td>d</td>
    </tr>

    <tr>
        <td>text 3</td>
        <td>a</td>
        <td>b</td>
        <td>c</td>
        <td>d</td>
    </tr>

    <tr>
        <td>text 4</td>
        <td>a</td>
        <td>b</td>
        <td>c</td>
        <td>d</td>
    </tr>

</table>

.kenos-table {
    width: 100%;
    max-width: 40em;
    border: 1px solid orange;
    border-collapse: collapse; /* key - remove me to see */   
}

.kenos-table th {
    display: none;
}

.kenos-table tr {
    /* - */
}

.kenos-table td {
    width: 20%;
    border: 1px solid gray;
}

<div class="container">
    <div class="row">
        <div class="col-xs-2">textA</div>
        <div class="col-xs-2">a</div>
        <div class="col-xs-2">b</div>
        <div class="col-xs-2">c</div>
        <div class="col-xs-2">d</div>
    </div>
    <div class="row">
        <div class="col-xs-2">textB</div>
        <div class="col-xs-2">a</div>
        <div class="col-xs-2">b</div>
        <div class="col-xs-2">c</div>
        <div class="col-xs-2">d</div>
    </div>
</div>