html lists - How to make ul li more responsive -


i have converted table ul , li lists , trying make responsive design. unable do. here code:

    <div class="panel-body">                     <ul id="category" class="col-md-12">                     <li id="" class="result-title col-md-12">                         <div class="col-md-3">subject</div>                         <div class="col-md-3">chapter</div>                         <div class="col-md-3">date&amp;time</div>                         <div class="col-md-3">action item</div>                         </li>                     <li id="results" class="results col-md-12">                          <ul id="inner-category" class="col-md-12">                             <li class="col-md-12"><div class="col-md-3">math</div>                         <div class="col-md-3">algebra</div>                         <div class="col-md-3">22/jun/17-9.00am</div>                                 <div class="col-md-2 col-md-offset-1"><a  href="student-questions.html"><img class="test-start" src="images/icon-start-off.png" onclick="changeimage()"></a></div></li>                             <li class="col-md-12"><div class="col-md-3">math</div>                         <div class="col-md-3">algebra</div>                         <div class="col-md-3">22/jun/17-9.00am</div>                                 <div class="col-md-2 col-md-offset-1"><a  href="student-questions.html"><img class="test-start" src="images/icon-start-off.png" onclick="changeimage()"></a></div></li>                             <li class="col-md-12"><div class="col-md-3">math</div>                         <div class="col-md-3">algebra</div>                         <div class="col-md-3">22/jun/17-9.00am</div>                                 <div class="col-md-2 col-md-offset-1"><a href="student-questions.html"><img id="test-start" src="images/icon-start-off.png" onclick="changeimage()"></a></div></li>                                                         </ul>                         </li>                                             </ul>                     </div> 


Comments

Popular posts from this blog

networking - Vagrant-provisioned VirtualBox VM is not reachable from Ubuntu host -

c# - ASP.NET Core - There is already an object named 'AspNetRoles' in the database -

ruby on rails - ArgumentError: Missing host to link to! Please provide the :host parameter, set default_url_options[:host], or set :only_path to true -