SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    May 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    BootStrap Image Width

    I am a newbie in BootStrap

    I want to convert a flash website in to html5 using bootstrap..But there are lot of images that need fixed width in the website. How do i fix that and make the website responsive too..Can anybody advise?

  2. #2
    SitePoint Addict deadmix's Avatar
    Join Date
    Jun 2009
    Location
    france
    Posts
    210
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    You can try the goog swiffy that convert SWF files to HTML5 : https://www.google.com/doubleclick/studio/swiffy/

    Then the rest you have to do it manually..

    Goodluck

  3. #3
    SitePoint Member
    Join Date
    May 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have tried that but as the file is above 1MB i am not able to convert it.

  4. #4
    SitePoint Enthusiast
    Join Date
    Oct 2010
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I had to turn off part of Bootstraps's CSS declaration:

    img {
    width: auto\9;
    height: auto;
    /* max-width: 100%; THIS DECLARATION F--KS UP MY CODE*/
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    }

    I put my images inside a <figure> tag. The figure tags has the width declarations and the IMG is always 100% of the figure element's width.

    I hope this helps.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •