Home/ Questions/Q 9158793
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T13:20:02+00:00

what is the code problem? please see in jsfiddle . 1. inline help not

  • 0

what is the code problem? please see in jsfiddle.
1. inline help not show in middle.
2. when i scroll window, inline-help margin not true.

https://i.stack.imgur.com/8oCG5.jpg

        <form class="well  ">
        <div class="controls controls-row ">
            <input type="text" placeholder="Name" class="span5 ">
            <span class="help-inline">Please Enter Small Name.</span>
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span5" class="span5">
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span4" class="span4">
            <input type="text" placeholder=".span1" class="span1">
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span3" class="span3">
            <input type="text" placeholder=".span2" class="span2">
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span2" class="span2">
            <input type="text" placeholder=".span3" class="span3">
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span1" class="span1">
            <input type="text" placeholder=".span4" class="span4">
        </div>
    </form>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
                  <form class="well  ">
                    <div class="controls controls-row ">
                      <input type="text" placeholder=".spanName">
                      <span class="help-inline">Inline help text</span>
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span5" class="span5">
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span4" class="span4">
                        <input type="text" placeholder=".span1" class="span1">
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span3" class="span3">
                        <input type="text" placeholder=".span2" class="span2">
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span2" class="span2">
                        <input type="text" placeholder=".span3" class="span3">
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span1" class="span1">
                        <input type="text" placeholder=".span4" class="span4">
                    </div>
                </form>

    you are using a class in the input (class=”span5″ that is too big to have the inline help, so i advise you to have a regular size to the inline help works.
    i think this is what you want

    • 0