Bootstrap grid layout. Empty div

Bootstrap grid layout. Empty div

I have a question concerning the Bootstrap grid layout and empty div's.

I have text and a button and i want the text and the button to show up in the middle (Horizontally) of the page. I have used empty div's to achieve this.

Is there a better way to do this. I don't want my text to be right aligned, because the text will be in two rows.

What is the best way to do this? Do people just use empty div's?

Thanks in advance

          
          
                                This is a new feature                   
 for the site.                        
          
                  Click button          
          
      
  

Answer by Kody for Bootstrap grid layout. Empty div

Use the text-center class for the div containing the text and button.

Update: I've done a quick search and found related posts. I'd recommend searching before asking, as your question might get down-voted and/or put on hold.

• How to center buttons in Twitter Bootstrap 3?
• Centering a Twitter Bootstrap button

Answer by Tricky12 for Bootstrap grid layout. Empty div

If you want to center all your content in the row, just simply add text-center to your row and give your div's inside class="col-xs-12".

    
              This is a new feature for the site.          
    
      Click button    
  
  

JSFiddle

Answer by Ankit Virani for Bootstrap grid layout. Empty div

If you not use text align center. You can use bootstrap class col-md-offset-3

Answer by Saeed Salam for Bootstrap grid layout. Empty div

how about something simple like this - https://jsfiddle.net/8cuyc32z/1/ ?

HTML

    
      This is a new feature 
for the site.    
    
      Click button    
  
  

CSS

.tc-text, .tc-btn {    display:inline-block;    vertical-align:middle;    margin:0 10px;  }  

hope that helps!

Answer by Tyler Harris for Bootstrap grid layout. Empty div

The way Tricky12 described is to center all content in the column is that what you are trying to do? If so that method is correct.

Fatal error: Call to a member function getElementsByTagName() on a non-object in D:\XAMPP INSTALLASTION\xampp\htdocs\endunpratama9i\www-stackoverflow-info-proses.php on line 72