Constraining image height with bootstrap responsive image?

前端 未结 1 948
独厮守ぢ
独厮守ぢ 2021-02-03 19:30

Working on a site using bootstrap, in the portfolio section, the images of projects are responsive with :

\'class\' => \'img-responsive\'

It

相关标签:
1条回答
  • 2021-02-03 19:54

    If the container should have a fixed height, then give it an ID (or a class) and change the .img-responsive restrictions the other way around eg

    .container {
    height: 600px;
    }
    
    
    /*And then change */
      .container .img-responsive {
        display: block;
        height: auto;
        max-width: 100%;
    }  
    /*To */
    
    .container  .img-responsive {
        display: block;
        width: auto;
        max-height: 100%;
    }
    

    Not sure how it will work with a mix of orientations but if they are floated it shouldnt really matter

    0 讨论(0)
提交回复
热议问题