How do I make a newline after a twitter bootstrap element?

Question

I apologize because this seems like such a simple thing.

What's the correct way to insert a newline in a way that the next element is on a newline? It seems like some things automatically do this (such as

within `) but I'm seeing behavior where the next element can appear right next to the last element.

HTML:


    
    
    
    


 

 

 

 




    I wish this appeared on the next line without having to gratuitously use BR!

What is the correct or elegant way to handle newlines after things like ul or div? Am I overlooking a general setup of the code that handles this?

user_11061852 · Answer

Using br elements is fine, and as long as you don't need a lot of space between elements, is actually a logical thing to do as anyone can read your code and understand what spacing logic you are using.

The alternative is to create a custom class for white space. In bootstrap 4 you can use

to make a blank row across the page, but this is no different to using the tag. The downside to creating a custom class for white space is that it can be a pain to read for others who view your code. A custom class would also apply the same amount of white space each time you used it, so if you wanted different amounts of white space on the same page, then you would need to create several white space classes.

In most cases, it is just easier to use or

for the sake of ease and readability. it doesn't look pretty, but it works.

user_5749386 · Answer

May be the solution could be use a padding property.


    I wish this appeared on the next line without having to 
        gratuitously use BR!

How do I make a newline after a twitter bootstrap element?

6 Answers