Center ul-li tags

Center ul-li tags
0

#1

Hi,

I am working on my first challenge which is making a tribute page.

I am stuck on kinda weird problem. I could not center ul-li tag inside a div which has well bootstrap class.

Actually, i could do it by using standart css staff, but we only want to use the bootstrap classes on challenge.

here is the code
`

Müzeyyen Senar

Miraculous Voice

<img style="width:100%" class="img-responsive" src="http://bantmag.com/news/wp-content/uploads/muzeyyyen-senar.jpg"

From a Magazine

Here's a timeline of Müzeyyen Senar:

  • 1920- She was Born in Bursa. When she was born, Ottoman Empire was still alive.
`

you can also see what it looks like here:

http://codepen.io/arkburak/pen/EZNKbx

any help would be great:)


#2

Why? I don’t even see that Bootstrap is a requirement for the project - it’s really whatever works for you !


#3

add this class to the ul ‘col-lg-offset-3’, it will do what you want, but you are still going to want to clean up the base styles for the ul.


#4

Hi timotheap,

When i look the example work, and watch challenge trailer, i see they only use bootstrap, there is no custom css codes, so actually, i aim to use only bootstrap to learn exactly how it works.


#5

Thank you for your kind help, but this puts padding as far as i understand, it does not center.

I nested those h1 and ul tags with a div and give it col-lg-offset-3 class as you offered.

Thank you so much!


#6

The only CSS allowed is body { margin-top: 60px; }. It’s what he says in the trailer for the Tribute Page challenge.