9 равные столбцы внутри класса колонной жидкости в Twitter Bootstrap

Question

Я хочу иметь 9 равные столбцы на странице я строй, и я не могу понять, как получить через него с помощью начальной загрузки версии 3.2.0

Можно ли сделать 7 одинаковых столбцов внутри класса .col-lg-12?

Answer 1

можно расширить boostrap сетку с

https://github.com/adamheins/bootstrap-grid-extension-generator

Но все-таки я не вижу whatâ вы хотите достичь?

Answer 2

Это возможно: enter link description here

9 Колонка Сетка:

<ul class="list-inline row"> 
<li class="col-sm-4"> 
    <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
    <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
    <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
</li> 
<li class="col-sm-4"> 
    <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
    <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
    <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
</li> 
<li class="col-sm-4"> 
    <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
    <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
    <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
</li> 

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <ul class="list-inline row"> 
 
     <li class="col-sm-4"> 
 
      <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
 
      <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
 
      <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
 
     </li> 
 
     <li class="col-sm-4"> 
 
      <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
 
      <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
 
      <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
 
     </li> 
 
     <li class="col-sm-4"> 
 
      <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
 
      <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
 
      <div class="col-sm-4"><img src="//placehold.it/150x100" class="img-responsive"></div> 
 
     </li> 
 
    </ul> 
 
</div>