Loading...

Follow Bootstrap - Community for Bootstrap framework | R.. on Feedspot

Continue with Google
Continue with Facebook
or

Valid
Bootstrap - Community for Bootstrap fram.. by /u/jamesanthonyx - 11h ago

Seems like bootstrap CDN is having an outage.

submitted by /u/JamesAnthonyx
[visit reddit] [comments]
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Hi, Guys,

I am a developer and I am one of those who really likes to do its best in order to create a modern website or application by following the latest trends in regards to coding and creating a high-quality product.

I am using Laravel as the back-end, because of the same reason I am using Bootstrap: simplicity and scalability. However, front-end seems to give much more freedom to developers (as it is supposed to), but there are really no strict guidelines in order to create robust and super-smart markup that is easy to maintain and build on top of. The result is really depending on the developer's experience.

That being said, I am a very skeptical developer. It was really hard for me, until now, to use Bootstrap themes created by other developers. There are so many, and to be honest, most of them are very low quality.

However, I was really happy that Bootstrap decided to create its own marketplace. I trust those guys to select the best authors out there. There are only a few themes for now, but the quality seems to be so much higher than what I saw on other platforms.

I've worked with a few themes Bootstrap's authors offer, but the one I liked the most is this one: https://themes.getbootstrap.com/product/purpose-website-ui-kit/

The guys from Webpixels seem to really invest a lot in their products. Hope to see a version for React and Laravel soon.

So, what do you think makes a great Bootstrap theme?

submitted by /u/code2death
[visit reddit] [comments]
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Hi, Guys,

This is my first post on Reddit. I never used it before, so I am still a learner. But, I have a question:

What do you think about the future of Bootstrap? How do you think it will change in the 5th version? I really like new technologies, like CSS Grid, but I also like the simplicity that Bootstrap managed to its framework. Developers are getting better and better at understanding its methodology.

What do you think is needed in order to make it super-friendly with the front-end frameworks: React, Vue and so on?

I feel like there must be done something really quickly in order to make it compliant and more friendly to the current technologies.

Really eager to hear your thought about this :)

submitted by /u/code2death
[visit reddit] [comments]
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Hello,

I'm looking for useful website that offer free themes, template or code to help me start with bootstrap

I have used https://startbootstrap.com before and found it useful however the numbers of stuff is limited and i'm looking for related website if you guys have

thanks

submitted by /u/StillPackage
[visit reddit] [comments]
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Hello guys,

I'm trying to do a reddit like sidebar for my website, I have just started bootstrap a few days ago

I would like it to be exactly like the reddit one (the sidebar on /r/bootstrap may be a not what I want but more like the one on /r/worldnews )can you guys give me idea on what classes may be appropriate or an example ?

What I have done is pathetic so far

thanks

submitted by /u/StillPackage
[visit reddit] [comments]
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

I am working with MDB: https://mdbootstrap.com/docs/jquery/tables/scroll/

I need to implement: 'Datatable horizontal and vertical scroll,' it is like 2/3s of the way down the page. The code is really rather straight forward and it is easy to follow their directions.

Unfortunately, I have to put more than one table has the 'horizontal and vertical scroll' behavior. And its not working...

I won't reproduce all of the code here as it is in the link above. But basically, as you would expect, you assign some classes, an ID and the bootstrap magic happens. So you would think that changing the following JS to work with another ID:

$(document).ready(function () {

$('#dtHorizontalVerticalExample').DataTable({ "scrollX": true, "scrollY": 200, }); $('.dataTables_length').addClass('bs-select');

});

Say #dtHorizontalVerticalExample_1 would work. Modify the CSS too, etc.

Does anyone have any insight that they can share?

submitted by /u/must_defend_500
[visit reddit] [comments]
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

I have a basic 3 column layout which is like "features, post-content, ads" at 20%, 60% and 20% widths.

Love the look on desktop. Not much experience designing for mobile.

A typical post is like a Wordpress post. Featured image, heading, body content. I want to move my whole "features" column from desktop into a table on mobile, underneath the featured image.

So changing entire div structures. I go from a single row, 3 column grid on desktop to something different on mobile with conditional logic.

I'm building this as a theme in Wordpress for personal use. I could hide the features column on mobile, then add a row that only displays on mobile containing the same features? Is that considered bad web programming practice?

I would be repeating the same PHP code twice in different areas. For instance, the features column I'm talking about grabs custom fields from the post, loops and displays them. I'm not sure I can do the advanced (?) re-ordering I want in Bootstrap or Grid without hiding columns and repeating code.

submitted by /u/wirez62
[visit reddit] [comments]
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

I have a small accordion for a contact section on a website I'm building. I want each part of the accordion to open when the corresponding button is clicked, and I want whichever one is already open to close when that button is clicked or when another button is clicked.

Here is my HTML:

<div class="accordion" id="contact"> <ul class="list-inline banner-social-buttons"> <li class="list-inline-item" id="item1"> &nbsp; <button class="btn btn-link btn-primary btn-lg btn-default coll-btn" id="address" data-toggle="collapse" aria-expanded="false" aria-controls="address" href="#address"> <i class="fa fa-location-arrow fa-fw"></i> <span class="network-name"></span> </button> </li> <li class="list-inline-item" id="item2"> &nbsp; <button class="btn btn-link btn-primary btn-lg btn-default coll-btn" id="contact_form" data-toggle="collapse" aria-expanded="false" aria-controls="contact_form" href="#contact_form"> <i class="icon ion-android-mail fa-fw"></i> <span class="network-name"></span> </button> </li> <li class="list-inline-item" id="item3"> &nbsp; <button class="btn btn-link btn-primary btn-lg btn-default coll-btn" id="phone" data-toggle="collapse" aria-expanded="false" aria-controls="phone" href="#phone"> <i class="fa fa-phone fa-fw"></i> <span class="network-name"></span> </button> </li> </ul> <div id="address" class="collapse" aria-labelledby="item1" data-parent="#accordionExample"> <div class="card-body"> Address </div> </div> <div id="contact_form" class="collapse" aria-labelledby="item2" data-parent="#accordionExample"> <div class="card-body"> Contact Form </div> </div> <div id="phone" class="collapse" aria-labelledby="item3" data-parent="#accordionExample"> <div class="card-body"> Phone Number </div> </div> </div> 

With the way it is set up, you can open each of the accordion content blocks, and it behaves as normal, but when you click for a second time on the button, the button goes away. I looked more closely and it seems like it's because the class "collapsed collapse" is added, but it shouldn't be since it's the button that controls the collapse behavior. Any help would be great! I can't seem to figure out how to stop this behavior.

submitted by /u/1playerpiano
[visit reddit] [comments]

Read for later

Articles marked as Favorite are saved for later viewing.
close
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Separate tags by commas
To access this feature, please upgrade your account.
Start your free month
Free Preview