Topic: Align captcha and input
Hi,
Any help is highly appreciated to get the form correct.
Thanks in advance.
Expected behavior On screens >= MD the captcha and the input are inline. On smaller devices they are each on a separate row.
Actual behavior No matter the screen width, they are stacked.
Resources (screenshots, code snippets etc.)
<div class="form-row">
<div class="col-md-5">
<div class="md-form" data-cgbf-captcha="">
<img src="https://www.uisge-beatha.eu/tmp/cache/php-captcha.jpg" width="200" height="60" alt="Visual Captcha">
</div>
</div>
<div class="col-md-5">
<span>Neem de tekens over</span>
<div class="mt-1 md-form" data-cgbf-captcha-input="">
<input name="cgbf_input_captcha" class="cgbf_input_captcha">
</div>
</div>
</div>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.4
- Device: Mac Book Pro
- Browser: Firefox Developer
- OS: OSX
- Provided sample code: No
- Provided link: No
Piotr Glejzer staff commented 6 years ago
And you want to have every time to next to each other, even on smaller devices?
Grf commented 6 years ago
On smaller devices above each other and on wider devices next to each other.
Piotr Glejzer staff commented 6 years ago
https://mdbootstrap.com/snippets/jquery/piotr-glejzer/683203 - but it's on smaller devices above each other and on wider devices next to each other.