Bootstrap v Inline/Internal Styles
Hi. I have been converting to bootstrap to make my site more responsive. It has also allowed me to get away from a very excessive use of inline styles. However there are times when I want to modify the appearance of a bootstrap object, like a table, without losing it's responsiveness. For instance, if I use <table class="table table-striped"></table> but I want the table to have cells that use the style "nowrap" or simply make the table small enough to fit on a page but I don't want to lose any responsiveness of the table, will changing things like font size or adding a page-level (or even inline) style circumvent this?
Put another way, is there an industry "best practice" for combining responsiveness with internal style sheets and inline styles?
Thanks!
Put another way, is there an industry "best practice" for combining responsiveness with internal style sheets and inline styles?
Thanks!
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Oops the <th>Col Value</th> was supposed to be <td>Col Value</td>
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
This is all very helpful. There is no way that bootstrap can change table "size" like it can some other objects, correct? In fact, if I understand it correctly, even table-responsive just creates a horizontal scroll bar. Please let me know if I am not correct on this.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
This has all been very helpful. Tough to assign a "best solution" but the system requires that so...
ASKER
Thanks.
<table class = "table table-striped">
<tr>
<th>Col Head</th>
<th>Col Value</th>
</tr>
</table>