css - Bootstrap CCS ul width issue - list elements arent as wide as the parent element -


i'm trying create layout bootstrap 3 , finding odd property:

here code:

<div class="jumbotron">   <div class="container center-form panel admin">     <div class="col-md-12">       <ul class="list-unstyled" ng-repeat="app in apps | filter:query ">                 <li>                  <h4> <a ui-sref="/api/admin/{{app._id}}">{{app.name}}</a></h4>                 <div style="width:100%">                 <p class="pull-right"><small> job id: {{app._id}}</small></p>                 <p>appointment date: {{app.appointment_date | date:'fulldate'}}</p>                 </div>                 <br>                 <address class="text-left">                  {{app.address_1}}</br>                 {{app.city}}</br>                 {{app.postcode}}</br>                 </address>                         </hr>                       </li>          </ul>       </div>    </div> </div> 

the issue i'm having these both within jumbotron container, , reason, <ul> tag spans across whole of col-md-12 div, <li> , elements within wont, , takes half of it. thought i've added style="width: 100%" div, fills half screen.

how can make li element span same width ul element ?


Comments

Popular posts from this blog

How to run C# code using mono without Xamarin in Android? -

c# - SharpSsh Command Execution -

python - Specify path of savefig with pylab or matplotlib -