title: how to override bootstrap col-md and other properties for links in <a>
body: <p><a href="https://i.stack.imgur.com/zEJO6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zEJO6.png" alt="Image Explaining my problem"></a></p>
  
  <p>As i have posted an image we can see that due to bootstrap properties it allocating the full box for the link when seeing via inspect element</p>
  
  <p>how to remove that whole thing and only keep the limit where the text is over i,e instead of allocating the whole line i want that box to be over at the last character of word</p>
  
  <p>Any helps appreciated ! :)</p>
  
  <p>This is my code :</p>
  
  <pre><code>&lt;footer class="text-left row foot-div bench"&gt;
      &lt;div class="col-md-offset-1 col-md-2 col-sm-4 col-xs-6 wow fadeInUp" data-wow-duration="600ms" data-wow-delay="300ms"&gt;
      &lt;div class="text-uppercase footer-main-title"&gt;Professional Bodies&lt;/div&gt;
      &lt;ul&gt;
          &lt;a href="http://www.ieindia.info" target="_blank"&gt;&lt;li&gt;IE&lt;/li&gt;&lt;/a&gt;
          &lt;a href="http://www.iete.org" target="_blank"&gt;&lt;li&gt;IETE&lt;/li&gt;&lt;/a&gt;
          &lt;a href="http://www.isteonline.in" target="_blank"&gt;&lt;li&gt;ISTE&lt;/li&gt;&lt;/a&gt;
          &lt;a href="http://www.csi-india.org" target="_blank"&gt;&lt;li&gt;CSI&lt;/li&gt;&lt;/a&gt;
          &lt;a href="http://www.ieee.org" target="_blank"&gt;&lt;li&gt;IEEE&lt;/li&gt;&lt;/a&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col-md-2 col-sm-4 col-xs-6 wow fadeInDown" data-wow-duration="600ms" data-wow-delay="300ms"&gt;
      &lt;div class="text-uppercase footer-main-title"&gt;Campus Facilities&lt;/div&gt;
      &lt;ul&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;atm.html"&gt;&lt;li&gt;ATM&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;ghostel.html"&gt;&lt;li&gt;Girls Hostel&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;Newpdf/digipage.htm"&gt;&lt;li&gt;Digital Library&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;dispensary.html"&gt;&lt;li&gt;Medical Dispensary&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;sportgm.html"&gt;&lt;li&gt;Sports &amp; Gymkhana&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;av.html"&gt;&lt;li&gt;Audio - Video Section&lt;/li&gt;&lt;/a&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col-md-2 col-sm-4 col-xs-6 wow fadeInUp" data-wow-duration="600ms" data-wow-delay="300ms"&gt;
      &lt;div class="text-uppercase footer-main-title"&gt;Important Links&lt;/div&gt;
      &lt;ul&gt;
          &lt;a href="http://mail.sipnaengg.ac.in"&gt;&lt;li&gt;Mail Login&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;login.html"&gt;&lt;li&gt;HOD Login&lt;/li&gt;&lt;/a&gt;
          &lt;a href="http://www.dte.org.in" target="_blank"&gt;&lt;li&gt;DTE, Mumbai&lt;/li&gt;&lt;/a&gt;
          &lt;a href=""&gt;&lt;li&gt;T&amp;P Feedback&lt;/li&gt;&lt;/a&gt;
          &lt;a href="" target="_blank"&gt;&lt;li&gt;AICTE, New Delhi&lt;/li&gt;&lt;/a&gt;
          &lt;a href="" target="_blank"&gt;&lt;li&gt;random data&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;spltp.html"&gt;&lt;li&gt;Training Programmes&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;ietebuild.html"&gt;&lt;li&gt;IETE Amravati Centre&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;wgs.html"&gt;&lt;li&gt;Women's Greivence Cell&lt;/li&gt;&lt;/a&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col-md-2 col-sm-4 col-xs-6 wow fadeInDown" data-wow-duration="600ms" data-wow-delay="300ms"&gt;
      &lt;div class="text-uppercase footer-main-title"&gt;Student Activities&lt;/div&gt;
      &lt;ul&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;nss.html"&gt;&lt;li&gt;N.S.S&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;vidyotan.html"&gt;&lt;li&gt;Vidyotan&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;innovater.html"&gt;&lt;li&gt;Innovator&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;CSIchapter.html"&gt;&lt;li&gt;CSI Chapter&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;ETSO.html"&gt;&lt;li&gt;IETE Forum&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;natureclub"&gt;&lt;li&gt;Nature Club&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;sports.html"&gt;&lt;li&gt;Sports&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;newpdf/NewsMedia15/"&gt;&lt;li&gt;Newsmedia&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;newpdf/ISF/"&gt;&lt;li&gt;IETE Student Forum&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;IEEE/"&gt;&lt;li&gt;IEEE Student Chapter&lt;/li&gt;&lt;/a&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col-md-2 col-sm-4 col-xs-6 wow fadeInUp" data-wow-duration="600ms" data-wow-delay="300ms"&gt;
      &lt;div class="text-uppercase footer-main-title"&gt;Downloads&lt;/div&gt;
      &lt;ul&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;Newpdf/Mand_Discl2015.pdf"&gt;&lt;li&gt;Mandatory Disclosure 2014-15&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;Newpdf/Documents.pdf"&gt;&lt;li&gt;AICTE-DTE Disc Certificates&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;parentmeet.html"&gt;&lt;li&gt;Parents Meet&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;photogallery_new15.htm"&gt;&lt;li&gt;Image Gallery&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;videogallery"&gt;&lt;li&gt;Video Gallery&lt;/li&gt;&lt;/a&gt;
          &lt;a href="&lt;?php echo $site_url;?&gt;msit.html"&gt;&lt;li&gt;Microsoft IT-Curriculum&lt;br /&gt;Syllabus &amp; Fee Structure&lt;/li&gt;&lt;/a&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p> </p>
  
  <p>the css code :</p>
  
  <pre><code>.foot-div
  {
      padding: 5px;
  }
  .foot-div div div
  {
      margin-top: 20px;
      color: #337ab7;
  }
  .foot-div div ul
  {
      margin-top: 20px;
  }
  .foot-div div ul li
  {
      list-style-type: square;
      font-size: 17px;
      font-weight: normal;
  }
  .foot-div div ul a
  {
      color: #ffffff;
  }
  .foot-div div ul a:hover
  {
      color: #2eb48f;
  }
  </code></pre>