CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Xtreme
Xtreme

Reputation: 1591

Let bootstrap table go outside bootstrap container?

I have a bootstrap container and a boostrap table like this

<div class="container">
<table class="table">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>[email protected]</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>[email protected]</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>[email protected]</td>
      </tr>
    </tbody>
  </table>
</div>

I want to keep my container and no line breaks in my table. If I get one long row in my table it goes under my container (content to the right is hidden in my table). How can I make my table overlap my container to the right if there is lot of content in the table?

Upvotes: 0

Views: 72

Answers (2)

n4gys4nyi
n4gys4nyi

Reputation: 933

.container{
  z-index: -1;    
}

Upvotes: 0

user5870539
user5870539

Reputation:

It's kinda hard to help without the CSS but based off what I know, I'd try setting white-space: nowrap;

Upvotes: 1

Related Questions