How bootstrap figure class work on iphone browser safari?

Question

0.00/5 (No votes)

See more:

<body>
    <div class="topbar animated fadeInLeftBig"></div>
    <div class="navbar-wrapper">
        <div class="container" style="margin-top: -25px;margin-bottom: -36px;">           
            <div class="container">
                <div class="navbar-header">                   
                    <h3><span style="text-align:justify">SYSNET - HP T-3 MEET ON 10th & 11th February 2017</span></h3>  
                    <h3 style="margin-bottom: 0px;margin-top: 0px;">Together Towards Tomorrow</h3>                 
                </div>
            </div>
        </div>
    </div>    
    <div id="works" class="clearfix grid">
        <figure class="effect-oscar  wowload fadeIn">
            <img src="images/portfolio/1.jpg" alt="img01" />
            <figcaption>
                <h2>Welcome</h2>
                <p id="T30">
                    SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T31">
                   Mr.Babu at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T32">
                  Mr.Raykar at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T33">
                   Mr.Rajan at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T34">
                  Mr.Kumar at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T35">
                     Mr.Gupta at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T36">
                   Mr.Singh at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T37">
                   Mr.Basu at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T38">
                   Mr.Prakash at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T39">
                   Mr.Singh at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T310">
                    Mr.Sogani at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T311">
                 Mr.Sogani at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>
                <p id="T312">
                   Ms.Duneja at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P1">
                 Mr.Rathaur at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P2">
                 Mr.Majumdar at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P3">
                 Mr.Sharma at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P4">
                Mr.Singh at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P5">
                 Mr.Singh at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P6">
                 Mr.Verma at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P7">
                Mr.Chauhan at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   
                   <p id="P8">
                 Mr.Sharma at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P9">
                 Mr.Sahoo at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P10">
                 Mr.Ghosh at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P11">
                 Mr.Sood at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P12">
                  Mr.Jha at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p> 
                   <p id="P13">
                 Mr.Gupta at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>  
                 <p id="P14">
                 Mr.Singh at SYSNET - HP T-3 MEET<br>
                    <a href="Message.html" data-gallery>View more</a>
                </p>            
            </figcaption>
        </figure>
        <figure class="effect-oscar  wowload fadeInUp">
            <img src="images/portfolio/2.jpg" alt="img01" />
            <figcaption>
                <h2>Schedule</h2>
                <p>
                    Program for the Meet <br>
                    <a href="Schedule.html" data-gallery>View more</a>
                </p>
            </figcaption>
        </figure>

        <figure class="effect-oscar  wowload fadeInUp">
            <img src="images/portfolio/3.jpg" alt="img01" />
            <figcaption>
                <h2>Venue</h2>
                <p>
                    Check the Venue Details<br>
                    <a href="Venue.html" data-gallery>View more</a>
                </p>
            </figcaption>
        </figure>
    </div>
</body>

What I have tried:

actually this bootstrap html page work on every mobile...but its not working on iphone safari browser...like on image hover image caption is not showing on saafari

Posted 5-Feb-17 20:28pm

Member 12300036

Updated 5-Feb-17 20:38pm

Marco Bertschi

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)