Twitter bootstrap 对齐引导列字段中的文本

我需要使用引导在html中显示名称-值对。我将“col-md-1”类用于名称和值列，因此数据显示在两列中。问题在于，由于引导将屏幕分为12列，因此在字段值中内容的左右两侧都留下了很大的空间。我试着使用“text left”、“text right”类，但它似乎不能与“col md-”类结合使用。在bootstap列（比如colmd-）中，如何将文本向左或向右对齐，而不将样式中的左或右硬编码为特定像素

   <div class="row">
      <div class="col-md-1">column1</div>
      <div class="col-md-1"><p class="text-right">Name</p></div>
      <div class="col-md-1"><p class="text-left">Value</p></div>
      <div class="col-md-1">column4</div>
      <div class="col-md-1">column5</div>
      <div class="col-md-1">column6</div>
      <div class="col-md-1">column7</div>
      <div class="col-md-1">column8</div>
      <div class="col-md-1">column9</div>
      <div class="col-md-1">column10</div>
      <div class="col-md-1">column11</div>
      <div class="col-md-1">column12</div>
  </div>

专栏1
名称

值
专栏4
专栏5
第6栏
专栏7
专栏8
第9栏
第10栏
第11栏
第12栏

希望这有帮助 你可以像下面那样使用它

<div class="col-md-1 text-center">

有关详细信息，请查看以下链接

欢迎进一步提问

谢谢 罗希特希望这能有所帮助 你可以像下面那样使用它

<div class="col-md-1 text-center">

有关详细信息，请查看以下链接

欢迎进一步提问

谢谢 ROHIT

试试这个：

使用

'row'

类，它将避免填充

 <div class="col-md-1"><p class="row text-right">Name</p></div>
 <div class="col-md-1"><p class="row text-left">Value</p></div> 

名称

值 试试这个：

使用

'row'

类，它将避免填充

 <div class="col-md-1"><p class="row text-right">Name</p></div>
 <div class="col-md-1"><p class="row text-left">Value</p></div> 

名称

值

---

此代码还用于将引导行中列的内容置于中心：

<div class="row text-center">

---

此代码还用于将引导行中列的内容置于中心：

<div class="row text-center">

它似乎不起作用。试着在浏览器中打开你的html，而不是JSFIDLE。你能把你的代码上传到FIDLE吗？我想研究一下……实际上，我担心的是对引导库的引用。它似乎不起作用。试着在浏览器中打开你的html，而不是JSFIDLE。你能把你的代码上传到FIDLE吗？我想研究一下……实际上，我关心的是对引导库的引用。