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

Problem with .pull-right source ordering #5073

Closed
jmartsch opened this issue Sep 11, 2012 · 4 comments
Closed

Problem with .pull-right source ordering #5073

jmartsch opened this issue Sep 11, 2012 · 4 comments
Labels

Comments

@jmartsch
Copy link

I want to display a text and an image thumbnail beside it. So i have the following code:

    <div class="row-fluid">         
    <div class="span6 pull-right"><h2>Feature 2</h2>
        <p>Ob nur ein Nutzer oder viele - myClubSpace besitzt ein ausgefeiltes Rechte-Management. So kann einem Clubmitglied die Verantwortung für Termine und einem weiteren die Administration des Berichtswesens übertragen werden.

            Jedem Benutzer werden genau die Lese- und Schreibrechte zugewiesen, die er benötigt – nicht mehr, nicht weniger. Der Administrator hat selbstverständlich immer die volle Kontrolle über alle Funktionen und Bereiche von myClubSpace.</p>
    </div>

    <ul class="thumbnails">
      <li class="span6">
        <a href="#" class="thumbnail">
          <img src="screenshots/resized/zugriffsrechte.png" alt="">
        </a>
      </li>
    </ul>

    </div>

but .pull-right was overwritten by .row-fluid [class*="span"] {float: left}
so i added
.pull-right { float: right !important; } to my stylesheet.

Now my first div floats to the right but there is no margin between my text and the thumbnail as seen in the screenshot (http://screencast.com/t/bKyuwOSlx6)

What do i have to do to get i working?

Or do i have to wait for issue #1215 to be implemented?

@englebip
Copy link

See also #1454, this seems to be related.

@vinorodrigues
Copy link
Contributor

mdo said he's not looking into inset's for 2.x releases... my temporary fix for 2.1 here: https://github.com/vinorodrigues/wp-bootstrap2/blob/master/wp-bootstrap2/css/bootstrap-inset.css

@mdo
Copy link
Member

mdo commented Oct 2, 2012

This appears to work fine for me in our tests—the .pull-right floats the content over to the right side. This was tested in 2.1.2-wip, btw.

@mdo mdo closed this as completed Oct 2, 2012
@inspire22
Copy link

Oddly I was having a similar issue to this. After much simplification of my example, I ended up seeing that loading jquery before my CSS files was causing an issue with .pull-right. Moving jquery + bootstrap.js to after my css was loaded solved the issue. For the life of me I can't see why it would matter, but it's fixed it.

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

No branches or pull requests

5 participants