2014-12-07 5 views
-2

У меня возникают проблемы с получением сетки для работы, я следил за несколькими учебниками и форумами, но ничего не получится. Я использую Sublime Text для моего редактора и копирую все теги CDN и обертываю все в div = "container"Как использовать Bootstrap 3 Grid

Когда я просматриваю его, текст появляется слева, что я могу делать неправильно?

+1

Попробуйте в CodePen или JSFiddle, и если она по-прежнему не работает, киньте ссылку. Также проверяйте консоль инструментов разработчика для любых ошибок. В хроме «элемент проверки». –

+1

Кроме того, попробуйте проверить его на [Bootlint] (https://github.com/twbs/bootlint#in-the-browser) – cvrebert

+0

По-прежнему не могу заставить его ответить, как я его хочу, я сохранил код для любого пользователя чтобы проверить, не ошибся ли я где-нибудь. http://codepen.io/anon/pen/JoGWgJ @MartinMalinda –

ответ

0

вот pen

добавлены некоторые классы и CSS.

<div class="container"> 
     <div class="row row-centered"> 
      <div class="col-xs-12 col-centered"> 
      Hello World! 
      </div> 
     </div> 
     <div class="row row-centered "> 
      <div class="col-*-*"></div> 
      <div class="col-*-*"></div> 
      <div class="col-*-*"></div> 
     </div> 
     <div class="row row-centered"> 

     </div> 
    </div> 

/* centered columns styles */ 
.row-centered { 
    text-align:center; 
} 
.col-centered { 
    display:inline-block; 
    float:none; 
    /* reset the text-align */ 
    text-align:left; 
    /* inline-block space fix */ 
    margin-right:-4px; 
} 

Read this для более подробной информации