Difficulty positioning controls with bootstrap

Asked

Viewed 135 times

2

I have a cshtml, that needs to position some controls. I positioned a table on the left side of the document. Now I need to position several controls labels next to the table and these labels one below the other. My table already occupies 4 células, since the bootstrap divides into 12. I need to load a series of 2 labels one next to the other and down two more sets one next to the other and so on. inserir a descrição da imagem aqui

  • What do you mean by "label"? Your explanation is confused.

  • 1

    What I miss about this question is: (1) The code, if you have ever tried to do anything; and/or (2) An image (can be done on the same page) showing where you want the positioning of each component, because your explanation did not understand.

  • 1

    (3) I don’t even understand what the problem is. If you can explain better the problem you have in particular and, if possible, show code you have done where this problem is, or some images.

  • When reading for the fifth time, what you want is by table(4) - label(4) - label(4) totaling the 12 cells?

  • You have to copy the code right to the editor or make a print of what you want.

  • Or if you want in image form, take a print.

  • key Print Screen keyboard

  • 1

    pnet, forgive the frankness, but your questions are showing less and less effort in explaining and exposing the problem :/

  • I didn’t understand Brasofilo. How so less effort? I’m sorry the frankness too, but this you can not measure. I know I put a lot, I think it might lead to that kind of attitude, but it’s not true what you’re telling me. With all due respect to you, I’m reading the twitter documentation bootstrap and I’ve posted on several forums, because I haven’t been able to solve it yet.

  • pnet is not this effort that @brasofilo talks about. It is an effort to create a structured and perceptible question.

  • 1

    Of course, I’m sorry for the lack of clarity [Ask]. Vlw, @Jorgeb

  • Okay, I don’t think it’s worth us sitting here debating things outside the scope. I want to contribute yes and not argue. I apologize to everyone sometimes for the words, but the intention is to clarify, now putting things outside the scope does not get us anywhere. I stop here.

  • pnet is not even the case. The case is that this question could/might help other people. And if the question is not clear, it will divert users from what really matters.

  • Okay, I’m going to get better. Now sometimes that’s what comes to mind and we can’t ask otherwise, you know. What I really have sinned in is not having put an image. It is clearer.

Show 9 more comments

1 answer

3


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 row. If I understood the structure you want, the roughly would be 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 that this example already serves you, however, for information on alignment you can refer to boostrap documentation, you can test your code online using the fiddle, left and right alignments using pull-left and pull-right classes if using boostrap.

  • I didn’t read anything about this pull-left class. It was worth it all.

  • Just ask me a question. By default the Abels come in bold always?

  • Not quite bold, but font-Weight: 700;

Browser other questions tagged

You are not signed in. Login or sign up in order to post.