Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to position drop-down button to the left #11489

Closed
Seva1986 opened this issue Nov 15, 2013 · 15 comments
Closed

How to position drop-down button to the left #11489

Seva1986 opened this issue Nov 15, 2013 · 15 comments

Comments

@Seva1986
Copy link

https://dl.dropboxusercontent.com/u/37682778/index.html

@juthilo
Copy link
Collaborator

juthilo commented Nov 15, 2013

Please describe the problem in greater detail.

@Seva1986
Copy link
Author

Can not insert a drop-down button to the left of the main button, the examples of these situations is highlighted in red, they are falling apart.
Look in the source code. I do not speak English, it's hard to describe it in words.

@juthilo
Copy link
Collaborator

juthilo commented Nov 15, 2013

We don't currently support this kind of functionality. Tagging as feature request.

@carasmo
Copy link

carasmo commented Nov 15, 2013

Look at the docs and examples, you're missing the pull-right class.

http://getbootstrap.com/components/#input-groups-buttons-dropdowns

@juthilo
Copy link
Collaborator

juthilo commented Nov 15, 2013

X-Ref: #4646 and #11475

@Seva1986
Copy link
Author

Look at the docs and examples, your missing the pull-right class.

fix

@juthilo
Copy link
Collaborator

juthilo commented Nov 15, 2013

@carasmo That's for standard button dropdowns, not the segmented ones.

@carasmo
Copy link

carasmo commented Nov 15, 2013

The segmented buttons on the BS3 site has pull-right, I also use it.

Copy from code on GetBootstrap

        <div class="col-lg-6">
          <div class="input-group">
            <input type="text" class="form-control">
            <div class="input-group-btn">
              <button type="button" class="btn btn-default" tabindex="-1">Action</button>
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
                <span class="caret"></span>
                <span class="sr-only">Toggle Dropdown</span>
              </button>
              <ul class="dropdown-menu pull-right" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </div>
          </div><!-- /.input-group -->
        </div><!-- /.col-lg-6 -->
      </div><!-- /.row -->

@Seva1986
Copy link
Author

We don't currently support this kind of functionality. Tagging as feature request.

thanks

@carasmo
Copy link

carasmo commented Nov 15, 2013

https://dl.dropboxusercontent.com/u/37682778/index.html

Your example is working correctly now.

@Seva1986
Copy link
Author

Your example is working correctly now.

Yes, I fixed a it.

@juthilo
Copy link
Collaborator

juthilo commented Nov 15, 2013

I thought you meant that the dropdown toggle button has incorrect border radii and other styling when it's positioned to the left of the Action button instead of to the right of it. In your opinion, is this issue resolved, @Seva1986 ?

@Seva1986
Copy link
Author

I thought you meant that the dropdown toggle button has incorrect border radii and other styling when it's positioned to the left of the Action button instead of to the right of it

Yes I was talking about the radius.

not This problem
"you're missing the pull-right class"
it's just a missed class

@cvrebert
Copy link
Collaborator

This seems like it makes the most sense in the context of RTL support.

@mdo
Copy link
Member

mdo commented Dec 15, 2013

Word, closing out to punt to RTL for flipping the order.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants