Выровнять текст в полях bootstrap col

Question

У меня есть требование отображать пары значений имени в html с помощью bootstrap. Я использую класс «col-md-1» для столбцов имен и значений, поэтому данные отображаются в двух столбцах. Проблема состоит в том, что, когда bootstrap делит экран на 12 столбцов, он оставляет много места слева и справа от содержимого в значениях полей. Я пробовал использовать классы «text-left», «text-right», но, похоже, не работает в сочетании с классами «col-md-». Как можно выравнивать текст слева или справа в столбцах начальной загрузки (например, col-md-) без жесткого кодирования влево или вправо по стилю до определенных пикселей?

<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> 

Answer 1

Попробуйте это:

Используйте '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> 

DEMO

Answer 2

Надежда это Помощь Вы можете использовать его как следующий

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

для деталей посмотрите на следующую ссылку Jsfiddle

Любые Furthur вопросы приветствуются

Благодарности Рохит