question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to create a grid?

See original GitHub issue

Hello!

I’ve been struggling with this for days. I want to create a grid so the user can write on two or more columns but I cannot figure out how.

What I’ve tried:

  1. Go to source mode and write some bootstrap style div (as I have bootstrap in my project). The problem is that if I write `<div class="row">
<div class="col-lg-6">content</div> <div class="col-lg-6">content 2</div> </div>` when I close the source mode, the editor deletes `<div class="row">` as it has no text childs 2. Try to create my own classes for a grid, but this leads to some overflow issues if grid is not complete (say the user makes only one col-6 then writes something else, this goes inline).

Is there a way to achieve this? Maybe a plugin or something?

Thanks

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:12 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
JiHong88commented, May 19, 2020

@andreyciocan There are no options at this time.😭 I’ll update it at next versions. Maybe it will be available until next week. And I would be very grateful if you could provide a Romanian translation. Thank you.

0reactions
JiHong88commented, Jun 9, 2020

The 2.30.0 version has been updated. If this issue has not been resolved, please reopen this issue. Thank you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS Grid Layout Module - W3Schools
The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having...
Read more >
Basic concepts of grid layout - CSS: Cascading Style Sheets
You can create a grid with fixed track sizes – using pixels for example. ... It all starts by creating a grid in...
Read more >
Create layout grids with grids, columns, and rows
Select a frame in the canvas with the layout grid(s) applied. · Click in the Layout grid section of the right sidebar. ·...
Read more >
How to Create a CSS Grid Step-by-Step - Developer Drive
1. Set Up the Grid Container and the Grid Items · 2. Add Gutters · 3. Position Grid Cells · 4. Size Grid...
Read more >
How to build a responsive grid system | Zell Liew
Step 1: Choose a spec · Step 2: Set box-sizing to border box · Step 3: Create the grid container · Step 4:...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found