How to align this logo center using bootstrap?
cristi
I have this page:
I want to align and center this logo in the picture below
CODE HTML:
<span class="logo">
<a href="http://dizievents.ch"><img src="http://dizievents.ch/wp-content/uploads/2015/07/dizi-events-3.png" alt="Logo"></a>
</span>
I tried to replace this code with the following
<span class="img-responsive center-block">
<a href="http://dizievents.ch"><img src="http://dizievents.ch/wp-content/uploads/2015/07/dizi-events-3.png" alt="Logo"></a>
</span>
Can you tell me please what is wrong and what does not work? It's something simple (I think) but I realize the problem
Thanks in advance!
m4n0
Use the inbuilt Twitter Bootstrap class col-md-offset-6 to align the logo. If you need to including centering in smaller devices, replace md with xs or sm
<span class="logo col-md-offset-6">
<a href="http://dizievents.ch"><img src="http://dizievents.ch/wp-content/uploads/2015/07/dizi-events-3.png" alt="Logo"></a>
</span>
Output:
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: MEAN.JS: Slow charging time
- Next: Display all post image gallery using the shortcode [gallery]
Related
Related Related
- 1
How to align form at the center of the page using bootstrap
- 2
How to align button to center using Bootstrap
- 3
Bootstrap trying to align logo to the left as well as center it
- 4
Center align content using bootstrap
- 5
How to align columns in bootstrap to center?
- 6
How do i center align my navbar using bootstrap
- 7
How to align a div with a buttons center to the logo on the left without using margin or padding
- 8
Logo center in menu and both are center with responsive using bootstrap?
- 9
how do I align bootstrap tabs in the center?
- 10
How to put logo in center using css
- 11
Align Bootstrap Navigation to Center
- 12
Center align textboxes in bootstrap
- 13
Center align button with bootstrap
- 14
How to align 3 columns with max-widths in the center of row using bootstrap3?
- 15
How to align textview in layout center using customlayout?
- 16
How to align text in center using jspdf
- 17
How to align content in center using CSS?
- 18
How to align a logo in a String
- 19
Center bootstrap navbar brand logo
- 20
How to center a form using Bootstrap?
- 21
Logo image won't align exactly to center
- 22
how to center logo on AppBarLayout
- 23
Bootstrap 4, How do I center-align a button?
- 24
How can I align YouTube embedded video in the center in bootstrap
- 25
How do I align carousel image center with bootstrap?
- 26
How can I center align a Bootstrap dropdown properly?
- 27
How to center align button (or any div) in Bootstrap grid column?
- 28
How to align a text and a rectangle (with some text) at the center a page in Bootstrap?
- 29
How to center align text below photo in bootstrap 3?
Comments