This is actually expected behavior in HTML. Because you are using inline-block, any newline character or whitespace you have after the element and before another inline element, will be counted as a space. If you want the blocks to stack side by side like in your picture, your HTML would need to be like this. … Read more
You probably want transparent as none is not a valid background-color value. The CSS 2.1 spec states the following for the background-color property: Value: <color> | transparent | inherit <color> can be either a keyword or a numerical representation of a colour. Valid color keywords are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow transparent and inherit are valid keywords in their own … Read more
Basically i put the popover code in the row div, instead of the input div. Solved the problem
Hope this helps:
Unfortunately the opacity property makes the whole element (including any text) semi-transparent. The best way to make the border semi-transparent is with the rgba color format. For example, this would give a red border with 50% opacity: For extremely old browsers that don’t support rgba (IE8 and older), the solution is to provide two border … Read more
You can make a div that contains both the form & the button, then make the div float to the right by setting float: right;.
And in css: EDIT: As iGEL noted, this solution is officially deprecated (still works though), so if you are starting from scratch, you should go with the jnpcl’s border-collapse solution. I actually quite dislike this change so far (don’t work with tables that often). It makes some tasks bit more complicated. E.g. when you want … Read more
Overriding the !important modifier Simply add another CSS rule with !important, and give the selector a higher specificity (adding an additional tag, id or class to the selector) add a CSS rule with the same selector at a later point than the existing one (in a tie, the last one defined wins). Some examples with a … Read more
I’m using bootstrap jumbotron, and including a background image. Resizing the screen makes the image tile and repeat, whereas I want the image to be responsively resized. How would you go about making the image responsive? The site is HERE. Thanks for your ideas!
One option is to give the <a> a display of inline-block and then apply text-align: center; on the containing block (remove the float as well): http://jsfiddle.net/Adrift/cePe3/