SyntaxFix

[html] Bootstrap 3: Text overlay on image

Set the position to absolute; to move the caption area in the correct position

CSS

.post-content {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.5;
    margin: -54px 20px 12px; 
    position: absolute;
}

Bootply

Examples related to html

• Embed ruby within URL : Middleman Blog • Please help me convert this script to a simple image slider • Generating a list of pages (not posts) without the index file • Why there is this "clear" class before footer? • Is it possible to change the content HTML5 alert messages? • Getting all files in directory with ajax • DevTools failed to load SourceMap: Could not load content for chrome-extension • How to set width of mat-table column in angular? • How to open a link in new tab using angular? • ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to twitter-bootstrap-3

• bootstrap 4 responsive utilities visible / hidden xs sm lg not working • How to change the bootstrap primary color? • What is the '.well' equivalent class in Bootstrap 4 • How to use Bootstrap in an Angular project? • Bootstrap get div to align in the center • Jquery to open Bootstrap v3 modal of remote url • How to increase Bootstrap Modal Width? • Bootstrap datetimepicker is not a function • How can I increase the size of a bootstrap button? • Bootstrap : TypeError: $(...).modal is not a function