Styling a post-link form inline

In my app I have situations where I need to use what I and some frameworks call a "post-link". Basically a link that might be used to delete (or post) data with it and as such must actually be a a form.

I'm using bootstrap as my base css and have assigned the link class to the submit button to give it a link appearance. When using in a table with another, ordinary, <a> tag next to it I can't seem to get the two links to align alongside each other, no matter how wide I make the viewport or table cell.

Here is a fiddle to demonstrate: http://jsfiddle.net/miocene/dbTqC/670/ I'm referring to the pencil and cross icons as my normal link and post-link.

Any ideas how I can get them to align side-by-side?

Answers


You either need to define a width for the td or use this. I gave the div in the td a class .lol

DEMO

        <td>
            <div class="btn-toolbar inline lol">BLAH BLAH</div>
        </td>

.lol *{
    display:inline-block;
    float:left;
    width:50%;
}
.lol .btn{
    padding:2px;
}

Need Your Help

Python url template tags giving only part of a absolute url.. ..Must be a lack of sleep

django django-templates django-urls

I must be suffering from a serious lack of sleep but I am stumped. I can't seem to figure out how to get the {% url %} directive to give me the right url. So let's start with the basics..

How to avoid stringly-typed code in ASP.NET MVC Display attribute?

c# asp.net-mvc data-annotations

When using DataAnnotations.Display attribute combined with localized strings, the syntax which is used is the following: