css - How avoid cell wrapping in Bootstrap3 -


first, sorry quality of question, explain want achieve quite hard, that's way i've prepared sample code.

there can see 2 main columns: #main-left-column , #main-right-column.

on #main-right-column i've placed 6 green cells , works bootstrap authors wants, want somehow add 'overlay-x:auto' css property on right column avoid cell wrapping.

any idea how ?

simple,

put right <div> (columns inside #main-right-column) <table> container , set minimal width.

css:

.width-300-450 {     min-width:300px;     width: 100%;     max-width:450px }

example:

<table>     <tr>         <td>             <div class="width-300-450">                 <div class="col-xs-12 bg-success">                     <h2>test</h2>                 </div>                 <div class="col-xs-12 bg-warning">                     <p>...</p>                 </div>             </div>         </td>         <td>             <div class="width-300-450">                 <div class="col-xs-12 bg-success">                     <h2>test</h2>                 </div>                 <div class="col-xs-12 bg-warning">                     <p>...</p>                 </div>             </div>         </td>     </tr> </table>

on #main-right-column must set overlay-x property:

#main-right-column {     overflow-x: auto;     display: inline-block;     padding:0; }

full example here: bootstrap fiddle


-

Comments

Post a Comment

Popular posts from this blog

c# - ajax - How to receive data both html and json from server? -

i have referenced this topic , doesn't solve problem. i'm using mvc 5 c#. have used code receive data server data type json . $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "json", success: function (data) { if (data.result) { alert('successfull'); } else { alert(data.ex); } } }); and controller code: [httppost] public actionresult myaction() { try { return json(new { result = "true", ex = "" }); } catch (exception e) { return json(new { result = "false", ex = e.message }); } } i use way data type html: $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "html", success: function (data) { $(".mydiv").append(data); } }); and controller should be: [httppost] public actionresult myaction() { return partialview("_...
Read more

swift - Button on Table View Cell connected to local function -

i have table view cell loaded data parse request. loads "friend requests", showing requesting friends name , 2 buttons, "accept" , "reject" here cellforrowatindexpath func: func tableview(tableview: uitableview, cellforrowatindexpath indexpath: nsindexpath) -> uitableviewcell { let cell:notifications_jlr_cell = self.tableview.dequeuereusablecellwithidentifier("cell") as! notifications_jlr_cell cell.txtrequestdesc.text = searchresults[indexpath.row].requesteename + " has requested friend" cell.btnapprove_outlet.addtarget(self, action:selector("approve"), forcontrolevents: uicontrolevents.touchupinside) return cell } the table loads fine, , addtarget line, once "approve" button clicked, runs func: func approve() { println("approve") } however, when fetching parse data, have set in array, objectid friend request, want refer in approve() function how can pass objectid ...
Read more