Trying to create a section on a main page with the upper row containing
social buttons & an email signup field and a lower row with multiple tiers
of recaptcha components.
The upper row is inline when I incorporate each item in a <ul><li>
inside <div class="container" class="center page-box" style="width:100%;
padding-top: 80px;">.
However the lower fields are all over the place vs. being centered even
though I've used another <ul> after <div class="row"> then below it <div
class="span12 pagination-centered">. Lastly each recaptcha component is
wrapped in a list item <li> with <div class="control group">.
<li>
<div class="control-group">
<label class="recaptcha_only_if_image control-label"><h3>Enter the words
above:</h3></label>
</div>
<div class="controls">
<div class="input-append">
<input type="text" id="recaptcha_response_field" required
class="input-recaptcha" placeholder="Enter the
captcha here" name="recaptcha_response_field" />
<a class="btn" href="javascript:Recaptcha.reload()"><i
class="icon-refresh"></i></a>
<a class="btn" href="javascript:Recaptcha.showhelp()"><i
class="icon-question-sign"></i></a>
<script type="text/javascript"
src="https://www.google.com/recaptcha/api/challenge?k={foo}";></script>
</div>
</div>
</li>
Have tried a couple of iterations.
TIA for any tips. V.
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
