ブートストラップグリッドシステムで、デフォルトよりも近い2つの列を表示する方法

Question

次のHTMLでは、ブートストラップを使用しています。下の画像に示すような実際の表示には、2つの列が離れすぎています。どのようにしてそれらを互いに近く表示させることができますか？

：この記事の簡潔さのために、私は少しhtmlを簡略化しました。実際のHTMLには、foreachループやデータベースからのデータフェッチなど、いくつかのプログラミングコードが含まれています。

<div class="row"> 
    <div class="col-md-12"> 
     <table class="table table-borderless table-condensed"> 
      <thead> 
       <tr><th></th><th></th></tr> 
      </thead> 
      <tbody> 
       <tr> 
       <td class="col-md-2"> 
        <a href="some link">item1</a> 
       </td> 
       <td class="col-md-10"> 
        <span>item2</span> 
       </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 

表示：

UPDATE：私は<td class="col-md-1">と<td class="col-md-11">最初の列のコンテンツへの第二のカラム<td class="col-md-10">に最初の列<td class="col-md-2">を変更した場合包まれます（何かIドン最初の列のすべての内容が固定長であるため、ラップする必要はありません）。最初の列を使用して更新されたコードに対処するために

Answer 1

はあなたのラッピングの問題を解決するために、テキスト・NOWRAPを追加することができ、COL-MD-1に変更：

<td class="col-md-1; text-nowrap">