Bootstrap table affect navbar working wrong way

mobile view

If you click above link. The navbar is not expanding to the right. I want to have Textbook title have col-md-4, subject also same. Any suggestion?? Also How can I wrap the text in like ....way. after like 15character?

My code is:

<div class="container">
  <div class="row">
    <!--<div class="table-responsive">-->
    <div class="col-md-12">
      <table class = "table table-striped">
        <h1>Textbooks</h1>
        <ul class="nav nav-tabs">
          <li role="presentation" class="active"><a href="/textbooks">Selling</a></li>
          <li role="presentation"><a href="/textbook_giveaways">Giveaway</a></li>
        </ul>
        <!--<caption>Click on a textbook title to view it</caption>-->

        <thead>
         <tr>
          <th>Textbook Title</th>
          <th>Subject</th>
          <th>Price</th>
          <th>Accept Offer<a style="color:#000000 font-color:blue" data-toggle="popover" data-trigger="hover" data-content="Price is negotiable :D"><span class="glyphicon glyphicon-question-sign" style="color: #89ABE3"></span></a></th>
          <!--<th>Created on</th>-->
        </tr>
        </thead>

        <tbody>
          <% @textbooks.each do |textbook| %>
          <tr>
            <!--<td><%= textbook.title %></td>-->
            <td class="col-md-4"><%=link_to "#{textbook.title}", textbook_path(textbook.slug) %></td>
            <td class="col-md-4"><%= textbook.subject %></td>
            <td class="col-xs-1">$<%= textbook.price %></td>
            <td class="col-xs-1">
              <% if textbook.offer == true %>
                <p class="offer_yes">&#x2713;</p>
              <% else %>
                <p class="offer_no">&#x2715;</p>
              <%end%>
            </td>
            <!--<td><%= textbook.created_at.strftime("%d %b. %Y") %></td>-->
            <!--<td><%= link_to 'Show', textbook %></td>-->
            <%if textbook.user_email == current_user.email || (current_user.email == "codeinflash@gmail.com")%>
              <td class="col-xs-1"><%= link_to 'Edit', edit_textbook_path(textbook) %></td>
              <td class="col-xs-1"><%= link_to 'Delete', textbook, method: :delete, data: { confirm: 'Are you sure?' } %></td>
            <% else %>
              <td class="col-xs-1"></td>
              <td class="col-xs-1"></td>
            <%end%>
          </tr>
          <% end %>
        </tbody>
      </table>
    </div>
  </div>
</div>