bootstrap with contact form 7

  • mindiapolis

    (@mindiapolis)


    8 years, 10 months ago

    Hi, I’m new to bootstrap so please be patient with me. Can someone help me understand why the form isn’t recognizing the name label? 

    <label class="sr-only" for="inputName"> Name</label>

<label> Your Email (required)
    [email* your-email] </label>

[submit "Send"]

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • gotmedia

    (@gotmedia)

    8 years, 10 months ago

    Hi Mindiapolis — It appears you don’t have a text field for Name. You’ll need something like this:

    <label class="sr-only" for="inputName"> Name [text your-name]</label>

<label> Your Email (required)
    [email* your-email] </label>

[submit "Send"]

    Or did that not answer your question? If so, would you elaborate?

    Thread Starter mindiapolis

    (@mindiapolis)

    8 years, 10 months ago

    yes that was the question. I did what you suggested but it didn’t seem to work.
    <label class="sr-only" for="inputName"> Name [text your-name]</label>

    luckychingi

    (@luckychingi)

    8 years, 10 months ago

    The class sr-only will position it absolute

    What are you trying to accomplish using sr-only?

    Thread Starter mindiapolis

    (@mindiapolis)

    8 years, 10 months ago

    I thought the sr-only will show the label to screen reader but not on the page.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘bootstrap with contact form 7’ is closed to new replies.