부트 스트랩이있는 진행률 표시 줄로 텍스트면을 배치하는 방법은 무엇입니까? -----------</p> <p>C 번호 -------</p> <p>자바 --------- 진행 바 :

Question

나는 같이 살고 있고이 텍스트를 원하는 --progress 바 -----------

이 내 현재 코드입니다 :

<div class="container"> 
       <p> 
        C# 
       </p> 
       <div class="progress" id="prog1"> 
        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 40%"> 
        <span class="sr-only">20% Complete</span> 
        </div> 
       </div> 
      </div> 

Answer 1

<div class="container"> 
     <p class="col-sm-1"> 
      C# 
     </p> 
     <div class="progress col-sm-11" id="prog1"> 
      <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 40%"> 
       <span class="sr-only">20% Complete</span> 
      </div> 
     </div> 
</div> 

Answer 2

<div class="container"> 
    <div class ="row"> 
    <div class ="col-sm-1"> 
     <p> C# </p> 
    </div> 
    <div class="col-sm-11"> 
     <div class="progress" id="prog1"> 
     <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> 
      <span class="sr-only">20% Complete</span> 
     </div> 
     </div> 
    </div> 
    </div> 
</div>