title: bootstrap collapse span is breaking lines when it shouldn't be
body: <p>I am having a difficulties with a bootstrap collapse button, I am trying to stop a line from breaking after the collapse button.</p>
  
  <p>I saw this thread at <a href="https://stackoverflow.com/questions/1826735/how-do-i-prevent-div-tag-starting-a-new-line">stackoverflow answer</a> which gives the answer that I should be using span instead of div to stop the link from breaking but it doesn't work.</p>
  
  <p>When I activate the collapse, it changes to the correct format(no line break) for a split second and it goes back to having a line break. Its mysterious because it is correct for a split second, before changing to the incorrect format. The process can be seen on <a href="https://vimeo.com/269144856" rel="nofollow noreferrer">video</a></p>
  
  <p>I have also tried using div class while making changes to style with "style="display: inline" but that doesn't work as well.</p>
  
  <p>I trawled through stackoverflow to find a similar question at <a href="https://stackoverflow.com/questions/21354283/why-span-is-breaking-in-bootstrap">stackoverflow question</a> but the answer they provided is to wrap a div class=row around my span which does not work at all. I am not sure why the answer to that question made sense since div class=row is for the purpose of breaking a new line.</p>
  
  <p>Below is my snippet in html. I am running my app on django. Thanks for any advise anyone can give on this problem</p>
  
  <pre><code>          &lt;div class="row"&gt;
              &lt;div class="col-xs-11 col-sm-11" style="float:left"&gt;                    
  
                {% if poll.description %}
                &lt;div class="Mobilefont Compfont"&gt;
                    &lt;b class="reducesize"&gt;
  
                      {{ poll.description|striptags|safe|slice:":100" }}
  
                    &lt;button class="btn btn-link" data-toggle="collapse" data-target=#{{poll}} style="padding:0px; margin:0px"&gt;&lt;small&gt;&lt;small&gt;&lt;small&gt;More&lt;/small&gt;&lt;/small&gt;&lt;/small&gt;&lt;/button&gt;
  
                    &lt;span id={{poll}} class="collapse"&gt;
  
                      {{ poll.description|striptags|safe|slice:"100:" }}
  
                    &lt;/span&gt;
  
                      &lt;small&gt; - {{ poll.date|timesince }} ago&lt;/small&gt;&lt;/b&gt;
                &lt;/div&gt;&lt;br&gt;
                {% endif %}
  
              &lt;/div&gt;
            &lt;/div&gt;
  </code></pre>