Opprette en sentrert bord med Bootstrap

stemmer
0

Jeg har 20 ikoner, og jeg ønsker å gjøre en sentrert horisontal linje av bilder fra dem. Men jeg kan ikke bruke HTML-tabell, fordi jeg vil at det skal være lydhør. Det bør pakkes for mobile brukere. Ved å bruke HTML-tabell Jeg tror jeg skal bruke en rad og 20 kolonner, men det vil ikke bryte for små skjermer.

Jeg opprettet en gruppe av divs som dette. Utsikten over dette er OK. http://jsfiddle.net/mayJ6/

<div style=display: inline-block; border: solid 1px black;>
    <a href=http://www.example.com target=_blank >
        <img src=http://profile.ak.fbcdn.net/hprofile-ak-prn1/157940_262105851352_1630693163_q.jpg
           width=50 height=50 alt=photo/>
    </a>
</div>

Men dette svaret forteller ikke å bruke skjermen inline blokk i denne situasjonen. Finnes det en bedre løsning som ligner, ved hjelp av Twitter Bootstrap etc.?

Publisert på 27/04/2013 klokken 12:16
kilden bruker
På andre språk...                            


1 svar

stemmer
0

Jeg tror for denne saken display: inline-blocker helt greit.

I svaret du refererer de snakker om den viktigste layout, som når du har 2 eller 3 kolonner, og ønsker å vise dem ved siden av hverandre, og da flyter dem er bedre.

Du kan oppnå samme resultat med flottører, men du må pakke inn bilder / ikoner med en container og satt en fast bredde eller polstring for å sentrere dem som dette. Det vil fortsatt brytes på mindre oppløsning hvis du angi bredden i prosent som i mitt eksempel her: http://jsfiddle.net/E9pS9/

Svarte 27/04/2013 kl. 14:20
kilden bruker

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more