Ошибка загрузки бутстрапа CSS - выпрямление не работает

Я использую простое выравнивание кнопки css с правой стороны, используя pull прямо на http://www.inboundio.com/services, он работает для первого блока, но не для второго блока. Я не уверен, что происходит не так, любая помощь?Ошибка загрузки бутстрапа CSS - выпрямление не работает

Вы можете увидеть код на выше URL, я также вставив его здесь тоже, как на SO принципов

<div class="span12 well"> 
<ul class="nav nav-list"> 
<li> 
<h3 style="color:#495B67">Heading</h3> 
</li> 
<li><br> 
<p>Sample Text</p><br> 
</li> 
</ul> 
<div class="span8 pull-left"> 
<strong><b>Your personal consultation will include:</b></strong> 
<p style="font-size: 17.5px"> 
</p><ol> 
<li>How your current marketing strategy compares with your competitors</li> 

</ol> 
<p></p> 
</div> 
<div class="span4 pull-right"> 
<button class="btn btn-warning" type="button"><b>Contact Us</b></button> 
</div>

источник

2013-12-26 Pushkar Gaikwad

Можете ли вы показать нам скрипку? – codeninja

Я не вижу ничего неправильного. Вы имеете в виду оранжевые кнопки? Они оба с правой стороны. Но html, который вы вставили здесь, недействителен, пожалуйста, исправьте его. –

потому, что для первого блока, который вы установили значение CSS:

.row-fluid [class*="span"]:first-child{margin-left: 0px;}

, которые работают только для первого ребенка

сделать это как .row-fluid .well [class*="span"]{margin-left: 0px;}

источник

2013-12-26 11:10:45

Спасибо, я переделал, и теперь он отлично выглядит –

Есть некоторые проблемы с структурой.

Замените часть HTML на приведенный ниже код.

Пояснения:

В предыдущем окне у вас есть только два пролеты, а на втором поле, у вас есть три пролеты без обертки. Поэтому я добавил обертку div с классом row-fluid.

<div class="span12 well"> 
    <div class="row-fluid"> 
     <ul class="nav nav-list"> 
     <li> 
      <h3 style="color:#495B67">Inbound Marketing Consulting and Analysis</h3> 
     </li> 
     <li> 
      <br> 
      <p>Request a personalized marketing assessment and receive a 
       one-on-one consultation that will provide you with quick tips and 
       valuable insights that will transform your current marketing strategy. 
      </p> 
      <br> 
     </li> 
     </ul> 
    </div> 
    <div class="row-fluid"> 
     <div class="span8 pull-left"> 
     <strong><b>Your personal consultation will include:</b></strong> 
     <p style="font-size: 17.5px"> 
     </p> 
     <ol> 
      <li>How your current marketing strategy compares with your competitors</li> 
      <li>Full website analysis and opportunities to improve</li> 
      <li>SEO tips you can immediately implement into your website</li> 
      <li>How to generate more leads via your website</li> 
      <li>Blogging, email marketing, and social media strategy</li> 
     </ol> 
     <p></p> 
     </div> 
     <div class="span4 pull-right"> 
     <button class="btn btn-warning" type="button"><b>Contact Us</b></button> 
     </div> 
    </div> 
</div>

источник

2013-12-26 11:20:24

Ошибка загрузки бутстрапа CSS - выпрямление не работает

ответ

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