2013-11-14 2 views
0

У меня есть этот jsfiddle, который я использую, чтобы попытаться решить проблему с центрированием эскизов, но я не могу даже загрузить ее правильно и поставить миниатюры бок о бок.Получение bootstrap для работы в jsfiddle

Что здесь происходит? Еще один вопрос ответил на несколько месяцев, что агао сказал, что это потому, что окно было слишком маленьким, а bootsstrap шел к его малой макете устройства, но я полностью размером с окном. Точки в списке говорят мне, что бутстрап даже не вызывается, хотя у меня есть флажок слева от jsfiddle.

http://jsfiddle.net/4040newb/bVa2Z/1/

<div class="container-fluid"> 

    <div class="row-fluid"> 

     <ul class="thumbnails"> 

    <li> 
    <a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing"> 
     <img class="thumbnail" src="http://placehold.it/150x150" alt="nothing"> 
    </a> 
    </li> 

<li> 
    <a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing"> 
     <img class="thumbnail" src="http://placehold.it/150x150" alt="nothing"> 
    </a> 
    </li> 

<li> 
    <a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing"> 
     <img class="thumbnail" src="http://placehold.it/150x150" alt="nothing"> 
    </a> 
    </li> 

    <li> 
    <a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing"> 
     <img class="thumbnail" src="http://placehold.it/150x150" alt="nothing"> 
    </a> 
    </li> 

<li> 
    <a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing"> 
     <img class="thumbnail" src="http://placehold.it/150x150" alt="nothing"> 
    </a> 
    </li> 

<li> 
    <a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing"> 
     <img class="thumbnail" src="http://placehold.it/150x150" alt="nothing"> 
    </a> 
    </li> 

    <li> 
    <a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing"> 
     <img class="thumbnail" src="http://placehold.it/150x150" alt="nothing"> 
    </a> 
    </li> 

<li> 
    <a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing"> 
     <img class="thumbnail" src="http://placehold.it/150x150" alt="nothing"> 
    </a> 
    </li> 

<li> 
    <a href="photos for nothing.jpg" rel="prettyPhoto[gallery1]" title="nothing"> 
     <img class="thumbnail" src="http://placehold.it/150x150" alt="nothing"> 
    </a> 
    </li> 




</ul> 
</div> 
</div> 
+0

Fiddle предназначен для решения ваших проблем, чтобы их можно было решить практическим применением. Почему вы беспокоитесь о работе в скрипке? Покажите проблему, вставив соответствующий код или живую ссылку, для которой вам нужно решение, и мы предоставим вам способы ее решения, поскольку вы явно не разрабатываете скрипку. – Nitesh

+0

OP, возможно, потребуется, чтобы он отображался правильно на скрипке, чтобы точно объяснить проблему. Возможно .... –

+0

да, это просто более простой способ сделать это разумным. хорошо, так что теперь он работает на http://jsfiddle.net/4040newb/bVa2Z/2/. моя проблема заключается в том, что группа эскизов центрируется, потому что она оставляет неудобное пространство справа. – user2989343

ответ

1

Вам нужно добавить CSS Bootstrap под вкладку "Внешние ресурсы".

Смежные вопросы