title: position fixed on bottom not working in css
body: <p>i am trying to image slider and other table row format on small size of images in bottom of the page but if any resize the window then this table in center please help me this used in npm if any solution please suggest me..<br>
  Html:-</p>
  
  <pre><code>&lt;div id="UsefulTipsDataCtrDiv" class="col-sm-12"&gt;
              &lt;div class="container"&gt;
                  &lt;div id="myCarousel" class="carousel slide" data-ride="carousel"&gt;
                      &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev" style="width: 5%;background: none"&gt;
                          &lt;span class="glyphicon glyphicon-chevron-left" style="color:black;"&gt;&lt;/span&gt;
                          &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;div class="carousel-inner img-responsive"&gt;&lt;/div&gt;
                      &lt;a class="right carousel-control" href="#myCarousel" data-slide="next" style="width: 5%;background: none"&gt;
                          &lt;span class="glyphicon glyphicon-chevron-right" style="color:black;"&gt;&lt;/span&gt;
                          &lt;span class="sr-only"&gt;Next&lt;/span&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;table class="tblsmallImages"&gt;
                  &lt;tr class="carousel-inner-thumbnails"&gt;&lt;/tr&gt;
              &lt;/table&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>css:-</p>
  
  <pre><code> .carousel-inner {
          margin-left: 20%;
          width: 60% !important;
          max-height: 430px;
      }
      .tblsmallImages{
              width:125px;
              height:100px;
              margin-right:5px;
              margin-left:5px;
              bottom: 0!important;
              width: 90%;
      }
      .smallImages{
              height:100px;
              margin-right:5px;
              margin-left:5px;
  
      }
      .carousel-inner-thumbnails{
              height: 120px;
              overflow-x: scroll;
              margin-top: 10px;
              position: absolute;
              width: 90%;
              display: flex;
      }
      #UsefulTipsDataCtrDiv{
         padding:5px 5px 30px 5px;
      }
  </code></pre>