Solved

Bootstrap inline-group is not working in IE11

Posted on 2016-08-21
2
109 Views
Last Modified: 2016-08-26
For instance this inline-group is not inline in IE11 when I browse it:
http://bootsnipp.com/snippets/OPoRd

But it is fine in Chrome.
I have this problem with my web pages too.

Any fix to this?
0
Comment
Question by:itnifl
2 Comments
 
LVL 27

Accepted Solution

by:
Dan McFadden earned 500 total points
ID: 41765201
Just drop the "inline-item" class on the form objects.  Works in IE11, FF & Chrome.

As it worked for me, the form elements should be:

    <div class="inline-group">
        <input type="text" name="search" class="form-control" placeholder="Search ?"/>
        <input type="text" name="search2" class="form-control" placeholder="Search2 ?"/>
        <select name="select" class="form-control">
            <option>-- Select --</option>
        </select>
        <input type="text" name="search2" class="form-control" placeholder="Search2 ?"/>
        <input type="button" class="btn btn-primary" value="Ok" />
    </div>

Open in new window


Dan
0
 
LVL 2

Author Closing Comment

by:itnifl
ID: 41771511
Thanks
0

Featured Post

MIM Survival Guide for Service Desk Managers

Major incidents can send mastered service desk processes into disorder. Systems and tools produce the data needed to resolve these incidents, but your challenge is getting that information to the right people fast. Check out the Survival Guide and begin bringing order to chaos.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Place text over image using CSS 6 48
How to get bootstrap element to collapse at wider screen width 3 41
Change box shadow 1 29
GET error with Font Awesome 3 12
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

766 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