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
Post a Comment