Difficulty in positioning controls with bootstrap

Question

Difficulty in positioning controls with bootstrap

Navigation

#1 by (3 votes)

2

I have cshtml , which needs to position some controls. I placed a table on the left side of the document. Now I need to position multiple controls labels next to the table and those labels one below the other. My table already occupies 4 células , since bootstrap splits to 12. I need to load a series of 2 labels one next to another and below two more series next to each other and so on.

jquery c# css twitter-bootstrap

asked by anonymous 26.06.2014 / 17:24

1 answer

Last position of a string Get form data

score 3 · Accepted Answer

From what I understand, you have a table and want to keep it aligned to the left and a collection of labels aligned to the left of the table, however you should only have two labels per line. If I understood the structure you want, roughly it would look similar to below:

<div class='pull-left col-sm-4'>
    <table>
        <thead>
            <tr>
                <th>A</th>
                <th>B</th>
                <th>C</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>1</th>
                <th>1</th>
                <th>1</th>
            </tr>
            <tr>
                <th>2</th>
                <th>2</th>
                <th>2</th>
            </tr>
            <tr>
                <th>3</th>
                <th>3</th>
                <th>3</th>
            </tr>
        </tbody>
    </table>
</div>
<div class='pull-left'>
    <div >
        <label>Label1</label>
        <label>Label2</label>
    </div>
    <div>
        <label>Label3</label>
        <label>Label4</label>
    </div>
    <div>
        <label>Label5</label>
        <label>Label6</label>
    </div>
    <div>
        <label>Label7</label>
        <label>Label8</label>
    </div>
</div>

I believe this example already works for you, however, for alignment information you can refer to the boostrap documentation , you can test your code online using fiddle , the left and right alignments using the pull-left and pull-right classes if you are using the boostrap.