html - Allow Bootstrap inline code block to break? -

-

i'm working on blaze, app uses se api grab recent content. works great finding naas, there's 1 problem. when has put whole bunch of code or entire sentence in inline code block, happens:

enter image description here

when should (non-so site):

enter image description here

essentially, inline code blocks aren't breaking, , pushing td out right. html generated:

<tr>     <td style="vertical-align:top" class="col-md-1">         <div class="score">             <h2 style="color:rgba(0,0,0,0.6); pull:right">0</h2>         </div>     </td>     <td class="">         <div class="post col-md-9">             <h3><a href="http://stackoverflow.com/questions/22561506/how-can-i-insert-php-into-a-webpage-using-javascript/22561707#22561707">how can insert php webpage using javascript</a></h3>             <hr>             <span class="post-body" style="color:rgba(70,70,70,1)">                                     <p><code>is possible insert php code webpage using javascript after page has loaded?</code> simple answer no. page has been rendered, way change using javascript running within user's browser.</p>                 ...             </span>             <p style="color:grey; float:right">posted <a href="http://stackoverflow.com/users/2155068/mjrkusanagi">mjrkusanagi</a> <span>a minute ago</span></p>         </div>     </td> </tr>

this non-bootstrap css i'm using:

<style>   img    {       max-width:100%;   }   html, body    {       height: 100%;   }   #wrap    {       min-height: 100%;       height: auto;       margin: 0 auto -50px;       padding: 0 0 50px;   }   #footer    {       height: 50px;       background-color: clear;        border-top:1px dashed rgba(0,0,0,0.2);   }   .navbar .navbar-nav    {       display: inline-block;       float: none;   }   .navbar .navbar-collapse    {       text-align: center;   }   .flag-button:hover    {       background-color:red;        color: white   } </style>

does have idea how either (a) make td stronger inline code blocks, or (b) allow code blocks wrap?

bootstrap sets code whitespace no-wrap default. can override overriding value allows wrapping.

http://jsfiddle.net/nnry2/

css

code {     white-space: normal;     }

Comments

Post a Comment

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

-
my test list<person> mylist; @test public void testisvalidperson() { mylist = new arraylist<person>(); mylist.add(new person("tom")); when(persondao.get(person)).thenreturn(mylist); when((persondao.get(person)).isempty()).thenreturn(false);//------exception thrown boolean result = service.isvalid("tom"); assertfalse(result); } method tested: public boolean isvalid(string person){ persondao = new persondao(); person personobj = new person(person); return (persondao.get(person).isempty())?false : true; } exception thrown: org.mockito.exceptions.misusing.wrongtypeofreturnvalue: boolean cannot returned get() get() should return list *** if you're unsure why you're getting above error read on. due nature of syntax above problem might occur because: 1. exception *might* occur in wrongly written multi-threaded tests. please refer mockito faq on limitations of concurrency testing. 2. sp
Read more

php - Magento - Deleted Base url key -

-
i working on cleaning url: http://mydomain.com/shop/shop/deals i going through settings in configuration tab in admin panel on magento , change secure , unsecure base urls remove first base url "shop" web page read: http://mydomain.com/shop/deals so changed unsecure base urls mydomain.com/shop mydomain.com , secure 12.345.67.89/shop 12.345.67.89. wrong thing do. i cannot reload page or admin console. how access these files through ftp , change correctly there?? when make changes in admin panel changes made in database not in file. have make changes in database. 1.go database , select core_config_data table under table find web/unsecure/base_url , web/secure/base_url . make changes here. don't forget clear cache in var/cache folder
Read more

android - How to disable Button if EditText is empty ? -

-
i have edittext , button in application. when button clicked,the text entered in edittext added listview. i want disable button if edittext empty.how ? this code button click imagebutton imb=(imagebutton)findviewbyid(r.id.btn_send); imb.setonclicklistener(new onclicklistener() { @override public void onclick(view arg0) { edittext et = (edittext)findviewbyid(r.id.edittext1); string str = et.gettext().tostring(); web1.add(str); toast.maketext(shoutsingleprogram.this, "you entered...."+str, toast.length_short).show(); adapter1.notifydatasetchanged(); et.settext(""); } }); } how can ? edittext1.addtextchangedlistener(new textwatcher() { @override public void ontextchanged(charsequence s, int start, int before, in
Read more