Solved

Bootstrap form on mobile...

Posted on 2016-08-13
2
50 Views
Last Modified: 2016-08-13
Hi all,
How can I get this form to show correctly on a mobile? The fields are almost non existent but looks fine on a desktop browser:

http://bit.ly/2b1hUj3
0
Comment
Question by:Stephen Forlance
2 Comments
 
LVL 6

Assisted Solution

by:Mukesh Yadav
Mukesh Yadav earned 50 total points
ID: 41754840
Try this ;)

You need to remove fieldset tag from the form. And to keep to page layout same you also need to add a row and cols to show all the three links you are showing in the right side of the form.

Thanks,
Mukesh Yadav
0
 
LVL 9

Accepted Solution

by:
Prasadh Baapaat earned 450 total points
ID: 41754858
Add a new row below the BREADCRUMB

add the 2 Divs (just cut and paste whole code from start to end of tag)) as 1 in col-md-8

and

the links in col-md-4

so on a mobile the form will be displayed correctly and links will go below the form.

refer the below screenshot as explanatory image...

make Form mobile veiw
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now